CSSテクニックコミュのinputをforcus時に色を変えたいです

こんにちは。
<input>や<textarea>を選択時に色を変えたいと思っています。
ちょうどミクシーでやっているやつです。

ミクシーでは
onFocus="this.style.backgroundColor='#f7f0e6';" onBlur="this.style.backgroundColor='#fdf9f2'"

とそれぞれに記述をしていますが、CSSでやる方法はないでしょうか？

input:forcus { background-color:#○○○;}
でできるかな？と思ったのですがうまくいかなかったので、
どなたかご存知の方、教えて頂きたいです。

他にもjavascriptでの方法などありましたら教えて下さい。
よろしくお願いします。

コメント(4)

最初
全て
最新の40件

[1] mixiユーザー 08月17日 17:31

input:focus { background-color:#○○○;}

フォーカスのつづりからrを抜いたら
うまくいくような気がします。いかがでしょうか？

[2] mixiユーザー 08月17日 18:26

>ジャスミンさん
なんとまぁ、スペルミスでした。
鋭いご指摘、ありがとうございました。

うまくいったんですが、WinのOPERA,FireFoxは問題ないのですが、IEがうまくいきません。
IEがinput:focusに対応してないのでしょうか？

[3] mixiユーザー 08月17日 18:30

CSSでやりたいのであれば

ジャスミンさんが仰ってるように
:focusの擬似クラスを使って

input:focus, textarea:focus, select:focus { background-color:#○○○; }

でいけます。
ただ、この方法はWin版IE、Mac版IE4、Opera6、Safariはサポートしていないようで、これらのブラウザを考慮するならミクシのようにJavaScriptを使った方が良いカモ。

<input　～
style="background-color:#○○○;"
onFocus="this.style.backgroundColor='#○○○'"
onBlur="this.style.backgroundColor='#○○○'">

でどうでしょう。

[4] mixiユーザー 08月17日 19:26

>kojiniさん
WinIEに対応してないんですか～
MacIE(5.2)ではできたのに何でかなーって思ってたんですよ。
やっぱりWinIEに対応していないなら使えないですね。。。
JavaScript方式でやってみたいと思います。

ありがとうございました。

ログインすると、みんなのコメントがもっと見れるよ