更改<select>突出显示的颜色

如何改变<select>的高亮颜色，即在光标通过CSS传递时突出显示<li>的颜色？

Answer 1

不知道“高亮<li>的颜色”是什么意思，但听起来好像要改变<option>元素的背景颜色。 我试过了，它不工作，你总是得到系统的颜色。

如果你想突出显示mouseover上的整个<select>元素，

 select:hover { background-color: red; } 

但是，在不同的浏览器中，行为是不同的。 例如，Chrome不会突出显示下拉菜单中的选项; Firefox的确如此，但是如果你将鼠标移开，它们仍然不会被改变。

正如已经在许多类似的问题上所陈述的那样，你不能可靠地devise窗体控件 。 在这里看到更多的细节。

Answer 2

您不能通过类似于 – > background:#f9f9f9的方式更改选项的高亮颜色

你可以做这样的事情：

  select > option:hover{ box-shadow: 0 0 10px 100px #FED20F inset; transition: all .2s ease-in-out; } 

Answer 3

如上所述，设置background-color将工作:hover在IE7越野车 – 设置您的文档types严格将有所帮助。

Answer 4

你可以使用：hover伪类

例如

 .classOfElementToColor:hover {background-color:red; color:black} 

适用于大多数浏览器，但不适用于IE6中的所有元素

Answer 5

只需使用这个CSSselect器：

 select option:hover { background-color: yellow; }