背景顏色打破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/