[CSS] focusについて

入力フォームを作っています。
CSSを使って入力フォームにフォーカスがある場合の表示方法を変えたいのです。

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

上記の方法で可能なはずですが全く変化ありません。
ブラウザはIE6です。

No.1 回答者： noname#20377 回答日時： 2006/07/18 10:46

IE6は:focus擬似クラスに対応してない模様。

http://hp.vector.co.jp/authors/VA022006/css/corr …

#IE7は探すのが面倒くさいので勘弁

No.2 回答者： noname#20377 回答日時： 2006/07/18 10:52

あー一応。

僕もまだ読んでないがIE7関連の記事、以前どこかで見つけて忘れてた奴投入しておく。

http://journal.mycom.co.jp/special/2006/ie7beta2/

但し、この記事は(おそらく記事掲載の時期の関係で)IE7beta2に関するCSSサポートの記事で

んでその中によると

http://journal.mycom.co.jp/special/2006/ie7beta2 …
========================
なお、対応していないセレクタは以下のようになっている。

* A:lang
* A:focus
* A:before
* A:after
========================
というわけで対応してません

No.3 ベストアンサー 回答者： nafe 回答日時： 2006/07/18 12:25

恐らく、JavaScriptを使用すると意図されていることができるようになるかと思います。

<input type="text" onfocus="this.style.background='#000000';" onblur="this.style.background='#ffffff';">

フォームにフォーカス時に色を変え、
フォームからフォーカスが離れたときに色を戻すスクリプトになりますがいかがでしょうか。

この回答への補足

IEではfocusが未対応だったようですね。
仕方がないのでJAVAスクリプトで何とかしようと考えていただけに、このアドバイスは嬉しかったです。

補足日時：2006/07/18 20:22