Изменение цвета отключенных элементов управления HTML в IE8 с помощью CSS

Вы пытались использовать CSS, чтобы изменить цвет отключенных элементов управления вводом, но похоже, это не работает в IE8. Вам хотелось бы понять, почему, и найти способ переопределить поведение по умолчанию.

Использованный вами CSS:

input[disabled='disabled'] {
  color: #666;
}

Хорошо работает в большинстве браузеров, но не в IE8. Это связано с тем, что IE8 имеет особое поведение для отключенных элементов: оно переопределяет свойство цвета, используя серый цвет по умолчанию, сопровождаемый странной белой тенью.

Причина этого в том, что отключенные элементы в IE8 считаются быть «неактивными» элементами управления, и браузер применяет к ним определенный стиль, чтобы указать на это. К сожалению, этот стиль включает в себя принудительный серый цвет для текста, который переопределяет любой CSS, который вы пытаетесь применить.

Единственный способ избежать такого поведения и изменить цвет отключенных элементов управления в IE8 — использовать другой подход. . Одним из возможных решений является использование псевдокласса :disabled вместо атрибута Disabled:

input:disabled {
  color: #666;
}

Этот псевдокласс нацелен на элементы, у которых установлен отключенный атрибут, но на самом деле он не устанавливает сам отключенный атрибут. В результате IE8 больше не считает элементы управления «неактивными» и позволяет переопределить стили по умолчанию.