3 
<select name=""   id="gender"  name ="gender" class="genderClass">
<option value="0">Please select gender</option>
<option value="1">Male</option>
<option value="2">Female</option>
</select>

これはクラスです：

.genderClass:hover
{
    background: gray;
}

現在mouseover、selectタグにはグレーの色が付けられています。しかし、タグとオプションを開いたときに、オプションを設定background-colorする方法がわかりmouseoverました。すなわち。マウスを女性の上に移動するoptionとbackground-color、灰色に変更されます。どうやってやるの？

jsfiddle リンク

4

2 に答える 2

3

cssを使用するだけではできないと思いますがjavascript、使用するとカスタム選択を使用して実現できます。使用する場合はjQuery、以下に 2 つのプラグインの例を示します。

  1. Sparkbox Custom-Selectboxと例はこちら.
  2. jQuery カスタム選択ボックスと例はこちら。

また、このようなGoogle で検索すると、さらに多くの情報を見つけることができます。

于 2012-12-13T14:13:44.420 に答える
0

背景色を変更するために選択したオプションを指定する方法はありません。select タグまたは option タグのいずれかに背景を適用すると、選択したエントリを除く選択全体、または選択したエントリを除くすべてのオプションの背景が変更されます。

選択したエントリの背景色を変更できる唯一の方法は、コンピューターのオペレーティング システム内で定義したテーマを使用することであり、それはあなたのためにのみ変更され、訪問者には変更されません。

于 2012-12-13T13:18:52.890 に答える