-1
W3 CSSのアニメーション入力を使用しました。クリックすると幅の100%がかかりますが、クリックすると幅の75%しか占めません。アニメーション入力の幅をw3 CSSで変更する
コードは次のとおりです。
<input class="w3-input w3-border w3-animate-input" type="text" style="width:30%">
W3 CSSのアニメーション入力を使用しました。クリックすると幅の100%がかかりますが、クリックすると幅の75%しか占めません。アニメーション入力の幅をw3 CSSで変更する
コードは次のとおりです。
<input class="w3-input w3-border w3-animate-input" type="text" style="width:30%">
変更しようとしているプロパティは、擬似クラスによって制御されます。 w3-animate-input:focus {width:75%;}
の幅を変更する必要があります。これをコードに追加する必要があります。あなたは
<script>
タグ間のページの頭の部分にこれを追加することができます。私はw3.cssを持っていません。だから私はそれをに入れて動作させる。ありがとうございました。 – eva
アニメーションを有効にしたコード全体が本当ですか?私はフィドルを試してみました。私はアニメーションが見えません:https://jsfiddle.net/jajzghj3/ – YakovL