我可以将选择框选项的背景更改为图像模式的背景吗？

Question

如果使用png模式，我可以轻松更改选择框的背景：

select {
     background: url(path/to/some/image.png);
}

对于该选择框的选项，同样的事情也不起作用。我可以给他们一个background-color: red;例如，但我想使用一个模式（与select一样，真的）。

option {
     background: url(path/to/some/image.png); /* will not work */
     background-color: red; /* will work */ 
}

我的印象是，这是不可能的，但我找不到任何证据，我希望它（不知何故）。建议？

Answer 1

要正确地更改选项元素的背景图像并不容易（或者我说不可能），因为每个浏览器都会以不同的方式呈现它。 你可以做的是使用一个javascript插件（如choosen）来模拟一个选择元素。

如果您想使用纯CSS解决方案，我认为最好为不接受选项元素背景图像的浏览器提供备用：

background: #red url(path/to/some/image.png) repeat-x 0 0;