Стилизация отключена <select>в Chrome

Question

Для стилизации отключенных элементов я использовал:

[disabled] { /* Text and background colour, medium red on light yellow */
color:#933;
background-color:#ffc;
}

Он отлично работает во всех браузерах, кроме Chrome. Существует ли способ преодолеть это с помощью CSS без классов, потому что у меня огромное количество элементов на разных страницах, и я не хочу все это менять.

Спасибо заранее.

UPDATE

После некоторого расследования я понял, что это может быть воспроизведено, только если клиент имеет серверную ОС, такую ​​как Windows 2008, и использует только браузер Chrome. Но я надеюсь, что это реальное условие в реальной жизни.

Answer 1

С Chrome 15 он работает нормально.

input[disabled] {
  color: #933;
  background-color: #ffc;
}

Убедитесь, что вы очистили все кэшированные таблицы стилей.

Создано jsFiddle .

UPDATE

Обратите внимание на заголовок вашего вопроса и обновил пример.

Кажется, это известная проблема для Chrome в Windows, см. Стиль отключен множественный выбор - Google Chrome

Answer 2

Код, приведенный ниже, работает для меня (стиль цвета опции не выбирайте саму рамку):

<select multiple="multiple" disabled="disabled">
<option style="color:#CCCCCC;" value="1" selected>Monday</option>
<option style="color:#CCCCCC;" value="2" selected>Tuesday</option>
<option style="color:#CCCCCC;" value="3">Wednesday</option>
<option style="color:#CCCCCC;" value="4">Thursday</option>
<option style="color:#CCCCCC;" value="5">Friday</option>
<option style="color:#CCCCCC;" value="6">Saturday</option>
<option style="color:#CCCCCC;" value="7">Sunday</option>
</select>