2016-09-04 5 views
-1

W3 CSSのアニメーション入力を使用しました。クリックすると幅の100%がかかりますが、クリックすると幅の75%しか占めません。アニメーション入力の幅をw3 CSSで変更する

コードは次のとおりです。

<input class="w3-input w3-border w3-animate-input" type="text" style="width:30%"> 
+0

アニメーションを有効にしたコード全体が本当ですか?私はフィドルを試してみました。私はアニメーションが見えません:https://jsfiddle.net/jajzghj3/ – YakovL

答えて

0

変更しようとしているプロパティは、擬似クラスによって制御されます。 w3-animate-input:focus {width:75%;}の幅を変更する必要があります。これをコードに追加する必要があります。あなたは

  • <script>タグ間のページの頭の部分にこれを追加することができます。
  • あなたのウェブサイトでそれをホストしている場合、w3.cssファイル。
+0

私はw3.cssを持っていません。だから私はそれをに入れて動作させる。ありがとうございました。 – eva

関連する問題