选择标记上的背景颜色会破坏firefox UI

Question

这是firefox（osx）的常规<select>框外观：

如果我添加以下样式：

form select.error {
    background-color: #FFAAAA;
}

它看起来像这样：

问题： 有没有办法保持漂亮的造型，仍然让它变红？

Answer 1

您无法可靠地设置选择框的样式，因为浏览器往往会坚持使用操作系统的默认设置。如果您只打算使用CSS，那么您的anser就不是。

有可用于样式选择框的jQuery选项： http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

Answer 2

“漂亮造型”是操作系统绘制的单个背景图像。因此，当你覆盖它时，Firefox必须回归到其他一些样式......

所以不，你不能保持原貌，只是改变背景颜色。