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就可以了。IE。如果我将鼠标移到女性上option，background-color则应将其更改为灰色。我怎样才能做到这一点？

jsfiddle链接

4

2 回答 2

3

我认为你不能只使用它，css但使用javascript你可以使用自定义选择来实现它。如果您使用jQuery，那么下面是您可能喜欢的两个插件示例。

  1. Sparkbox Custom-Selectbox和此处的示例。
  2. jQuery 自定义选择框和此处的示例。

如果你像这样在谷歌上搜索，你也可以找到更多。

于 2012-12-13T14:13:44.420 回答
0

无法指定所选选项以更改其背景颜色。将背景应用于 select 或 option 标签将更改整个 select 上的背景，除了选定的条目或所有选项，除了选定的条目。

我认为可以更改所选条目背景颜色的唯一方法是通过您在计算机上的操作系统中定义的主题，这只会为您而不是您的访问者更改。

于 2012-12-13T13:18:52.890 回答