Стилизация отключена <выберите> (раскрывающиеся списки) в HTML

Один из наших клиентов с трудом читает серый текст в отключенных элементах управления в нашем веб-приложении:

Мы хотели бы изменить стиль на светло-серый фон и черный текст. К сожалению, большинство браузеров (включая IE, которым пользуется клиент) игнорируютcolor: ... Атрибут CSS на отключенных элементах управления, поэтому мы не можем изменить цвет переднего плана.

Для текстовых полей (input type="text"), это можно легко обойти, используяreadonly вместоdisabled приписывать. К сожалению, это не вариант для выпадающих (select) или флажки (input type="checkbox").

Есть ли легкий обходной путь для этого? Предпочтительно тот, где контроль не должен быть заменен другим типом контроля? (... поскольку наши элементы управления отображаются в ASP.NET)

PS: используя[disabled] Селектор в CSS не имеет значения.

 Heinzi30 сент. 2010 г., 12:55
@Peter: Ответ на вопрос 679358 не относится: это не проблема[disabled] селектор не работает. Это проблема IE (включая 8, 9), не позволяющая переопределить цвет текста отключенных элементов управления.
 Peter30 сент. 2010 г., 12:50
возможный дубликат:stackoverflow.com/questions/679358/...
 Kyle30 сент. 2010 г., 13:17
Попросите клиента уменьшить яркость своего монитора.

Ответы на вопрос(6)

Это сработало для меня в WebKit и Firefox

select:disabled{
   opacity: 0.6;
}
Решение Вопроса

:disabled псевдоселектор (ссылка). Я не знаю, соблюдает ли это свойство color, но это кажется вероятным.

В более старых версиях IE вы можете настроить цвет фона (но не цвет). Таким образом:

    <style type="text/css">
        select[disabled] { background-color: blue; }
    </style>

Это работает в IE 7 и IE 8. Вы по-прежнему не можете изменить цвет переднего плана, но вы можете изменить цвет фона, чтобы более сильно контрастировать с серым, который IE назначает его, когда он отключен.

 Orhun Alp Oral02 нояб. 2012 г., 17:28
Выбранные параметры также не поддерживаются в IE или Chrome
 Craigo29 сент. 2012 г., 06:43
IE9 не поддерживает свойство "color", когда отключено. Текст все еще такой уродливый серый с белой тенью.

Это сработало для меня

select[disabled='disabled']::-ms-value {
    color: red;
   }

Вы можете попробовать следующее:

    <style>
        /*css style for IE*/
        select[disabled='disabled']::-ms-value {
            color: #555;
        }
        /*Specific to chrome and firefox*/
        select[disabled='disabled'] {
            color: #555;
        }
    </style>

Это невозможно с помощью CSS, IE не позволяет изменять свойства отключенного тега select

Не работает:

select[disabled] { background-color: blue; }

За работой:

select option [disabled] { background-color: blue; } will do

Ваш ответ на вопрос