Как стилизовать отключенную текстовую область в IE8?

Какое правило вам нужно, чтобы включить стилирование отключенных элементов в IE8? У меня есть код ниже. Это хорошо работает под IE7, но не на IE8. IE8 просто дайте мне обложку. Почему?

input[disabled], input:disabled, textarea[disabled], textarea[disabled="disabled"], textarea:disabled {
    background:#EBEBE4;
}

Ответы

Ответ 1

: псевдокласс в селекторе отключается IE8!

вам нужно разгруппировать эти селекторы, если вам абсолютно необходимо использовать те CSS3 псевдо классы;

Если в наборе правил есть селектор, который IE8 не понимает, игнорируя все это - это распространено в IE8 с псевдоклассами CSS3

например. Если вы отделите их и полностью удалите части :disabled селектора - вы увидите, что первый пример ниже работает для всех, тогда как второй все еще работает, за исключением IE7

input[disabled], select[disabled], textarea[disabled] {background-color: #0f0;} /* lime green - works in IE7+ and modern browsers */

input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] {background-color:#ff0;} /* yellow -  IE8+ and modern browsers */

проблема с цветом (в отличие от фонового цвета), указанная в другом ответе, не является причиной вашей проблемы, но это не помогло бы, если бы вы также пытались изменить цвет;)

Ответ 2

Другим вариантом является добавление класса disabled и его стиль:

input.disabled, textarea.disabled{ 
    background:#EBEBE4; 
}