Html 如何在FireFox中更改悬停选择选项的颜色

我想更改FireFox中悬停选择选项的颜色，该选项具有默认的蓝色背景和白色前景

我试过：

<select name="select" size="1">
   <option>0</option>
   <option class="test">1</option>
   <option>2</option>
   <option>3</option>
   <option>4</option>
</select>

但它不起作用。请参阅。

---

特定于FireFox的解决方案就足够了。

SELECT

元素由操作系统呈现，而不是HTML。不能设置此元素的样式

---

您可以使用JavaScript使用HTML+CSS替换来模拟SELECT。

这不能仅用CSS来完成。我建议用+插件替换

我发现我可以将图像设置为Backround

---

但它仅绘制在：hover上，当我退出鼠标将由系统渲染的选项时。

我认为您可能需要像这样使用CSS组合器：

select>option.test:hover
{
    color: #1B517E;
    cursor: pointer;
}

基本上，您是在指定：

父项>子项。类别：活动

select标记中的所有子项，其中带有类“.test”的选项将具有括号中指定的样式

重要提示：它适用于Firefox，但不适用于Chrome

---

这里有一个参考可以帮助你：

为什么

文本装饰：下划线工作？全局选择颜色更改也适用于选项。+1相同的想法，比我更快。我在我的书签中搜索插件链接！SEELCT可能是CSS中最大的不一致性之一。一些浏览器允许一些样式，但没有标准。请看：似乎您无法做到这一点。很遗憾，您就是做不到。问题的可能重复是：
由GWT生成，我无法使用更多的库来解决此问题。啊，好的，您可能希望将该信息添加到问题：-）
select>option.test:hover
{
    color: #1B517E;
    cursor: pointer;
}