无法在html'select'标签内更改'option'的背景颜色

Question

我有一个select html标记，我希望background-color的{​​{1}}在行之间交替显示，以下是我的尝试

option

这只适用于FF但不适用于Chrome和Safari，CSS大师可以帮我解决这个问题吗？我也附上了jsfiddle，所以你可以在不同的浏览器之间打开它们。

http://jsfiddle.net/cYEE2/

注意： Chrome：20.0.1132.47
Safari：5.1.7
Firefox：13.0.1

Answer 1

所有浏览器都不支持着色选择选项，即使是填充选项也存在填充等问题。

我的建议是简单地在支持它的浏览器中使用它（完全支持Firefox，部分支持Chrome但完全忽略填充和Safari），而在那些没有支持的情况下忘记它。

其他浏览器根本不支持此选项。

Answer 2

遗憾的是，能够使用CSS来更改SELECT元素中各个OPTION元素的格式是特定于浏览器的。上面的CSS不适用于某些浏览器。

您可以使用CSS元素的CSS友好替代品，例如jQuery插件。