цвет фона на выбранном теге нарушает интерфейс Firefox

Question

Вот обычный взгляд <select> на firefox (osx):

, если я добавлю в него следующий стиль:

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

это выглядит так:

вопрос: Есть ли способ сохранить красивый стиль и сделать его красным?

Answer 1

«Симпатичный стиль» - это единый фоновый рисунок, нарисованный ОС. Поэтому, когда вы переопределяете его, Firefox вынужден прибегать к другому стилю ...

Так что нет, вы не можете сохранить первоначальный вид, просто измените цвет фона.

Answer 2

Вы не можете надёжно оформить поля выбора, так как браузеры склонны придерживаться значений по умолчанию ОС. Ваш ответ - нет, если вы собираетесь использовать только CSS.

Доступны опции jQuery для стилизации полей выбора: http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/