リストボックス（multipleなselect）の選択された部分のスタイルをCSSで変えたい

質問

リストボックス（multipleなselect）の選択された部分の色をCSSで変えたいと思っているのですが、記述方法がわかりません。

デフォルトですと選択された部分はネイビーのバックに白文字になるのですが、これを色を変えたり、ボールドをかけたりしたいのです。

「:selected」みたいな疑似要素があるのかと思ったのですが、どうやらないようですね・・・。
「::selection」というCSS3から使える疑似要素があるようですが、これはページ上のテキストを選択した場合のもののようで、リストボックスの選択項目には影響ありませんでした。

ご存知の方ご教示ください。

回答No.3

warez · ベストアンサー

選択した時にスタイルを適用するのなら
option:checked { font-weight: bold }
でしょうか。Firefox 3.0.10 で確認しています。

お礼

再びありがとうございます。

教えていただいた方法で出来ました！

が、また別な問題が・・・。
font-weght、font-size等は機能するのですが、color、backgroundは機能せず同設定してもデフォルトのままです。

もしこれもご存知でしたらご教示ください。
よろしくお願いいたします。

回答No.2

font_color

CSSのみでは、ちょっと無理かもしれません。
Ajaxを使用すれば出来るみたいです。

http://jquerylab.com/jcombox/themes

お礼

回答ありがとうございます。

Ajaxというかjqueryのプラグインでそういうのがあるようですね。
スタイルを変えるためだけに大げさな気もしますが、他に方法が無ければこれで行こうかと思います。

回答No.1

warez

option[selected="selected"] { font-weight: bold }
または
option[selected] { font-weight: bold }

お礼

回答ありがとうございます。
やってみましたができませんでした・・・。
warezさんはこれでできたのでしょうか？