- ベストアンサー
テキストボックスいくつかのうち１つだけフォーカス
input:focus{background-color:yellow;border-color:red;} はできますが、 テキストボックスいくつかのうち１つだけフォーカス時に色を付ける方法はありますか？ よろしくお願いします。
- goo_mygwdisk_1
- お礼率6% (24/395)
- CSS
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
テキストボックスと言うことは、<input type="text" name="namae" size="20">とかでしたら 簡単に input:focus,input:hover{bacground-color:aqua;} /* 詳細度[0,0,1,1] */ input[name="namae"]:focus, input[name="namae"]:hover{background-color:yellow;} とか、属性セレクタ、擬似クラスセレクタ使います。(詳細度は[0,0,2,1]ですから上書きされます。 inputでも、テキストボックスだけ変更するなら input[type="text"]とか、属性セレクタ。 input + input{}(隣接セレクタ)だと、最初のもの以外(二番目以降)とか・・ Selectors ( http://www.w3.org/TR/CSS2/selector.html )
その他の回答 (1)
- hitomura
- ベストアンサー率48% (325/664)
以下のようにクラス指定を使ってみたところ、Firefox 6.0でうまくいく（クラス指定をした2番目だけ色が変わる）ことを確認しました。 <html> <head> <style type="text/css"> input.color_change:focus{background-color:yellow;border-color:red;} </style> </head> <body> <form action="POST"> <input><br /> <input class="color_change"><br /> <input><br /> </form> </body> </html>
