0

ドロップダウンのコレクションの css プレゼンテーションからデータを分離しようとしています。私が難しいと感じていることの 1 つは、現在選択されているユーザーが事前に入力されている選択ドロップダウンを強調表示することです。ドロップダウンオプションのテキストの色を好きなだけスタイルできますが、静止時の選択ボックスのテキストを変更することはできません (少なくとも Firefox では)

http://jsfiddle.net/tchalvakspam/YmmvU/

私が何を意味するかを示すjsfiddleです。

私がやりたいことは次のとおりです。

'' (空の文字列の既定のオプション) 以外のオプション値が選択された状態でドロップダウンが開始されると、ドロップダウンの色が変更されます。それらを赤くしてハイライトする

これは純粋なcssで可能ですか、それともjsを使用する必要がありますか?

4

1 に答える 1

0

あなたのコード

#smart-search-form option[selected=selected]{
    color: #ff0000 !important;
}

オプションを選択すると、そのプロパティは変更されますselectedが、属性は変更されないため、機能しませんselected。したがって、セレクター[selected=selected]はデフォルトのオプションのみに一致します。

のようなものが必要なようですがoption:selected、それは存在しません。

( CSS で選択したオプションを設定しますか? を参照してください)

于 2012-08-28T21:38:18.333 に答える