背景颜色打破Firefox的UI

Question

这里是一个普通的<select>盒的外观在Firefox（OSX）：

，如果我下面的样式添加到它：

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

它看起来像这样：

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

Answer 1

的“漂亮的造型”是全部由OS绘制一个背景图像。所以，当你覆盖它，Firefox必须回落到其他一些样式...

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

Answer 2

由于浏览器倾向于坚持操作系统的默认设置，因此无法可靠地设计选择框。如果你只打算使用CSS，你的anser是否定的。

有用于造型可供选择框的jQuery选择： http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/