Problème de changement de couleur CSS pour les contrôles HTML désactivés dans IE8

En HTML, l'attribut désactivé désactive les contrôles de saisie, mais il affecte également le l'apparence de ces contrôles. La plupart des navigateurs honorent les styles personnalisés appliqués aux contrôles désactivés à l'aide de CSS. Cependant, Internet Explorer 8 (IE8) présente un défi unique lorsqu'il s'agit de changer la couleur des contrôles désactivés.

Malgré l'application d'un style de couleur personnalisé aux contrôles de saisie désactivés, IE8 ramènera la couleur du texte au gris. Ce comportement se produit quelle que soit la règle CSS utilisée. Par exemple, le code suivant ne modifiera pas la couleur du texte :

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

Ce problème concerne uniquement la propriété color. Toutes les autres propriétés de style, telles que background-color, border-color, etc., peuvent être modifiées avec succès. La raison de ce comportement exclusif reste inconnue.

Conclusion

Bien qu'il soit possible de personnaliser l'apparence des contrôles de saisie désactivés dans la plupart des navigateurs utilisant CSS, IE8 présente une limitation quand il s'agit de changer la couleur du texte. Cette limitation est inhérente à IE8 et n'est pas facile à surmonter.