如何在FireFox中更改悬停的Select-Option的颜色

Question

我想更改FireFox中具有默认蓝色背景和白色前景的悬停Select-Option的颜色.

我试过了:

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

.test:hover {
    color:green;
    background-color:yellow;
    text-decoration:underline;
}

但它不起作用.见例子.
FireFox特定解决方案就足够了.

Answer 1

SELECT元素由OS呈现,而不是HTML.你不能设置这个元素的样式.

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

Answer 2

我发现我可以将图像设置为背景。

jsfiddle 演示

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