Comment changer la couleur des zones de texte désactivées dans Internet Explorer ?

Coloration des zones de texte désactivées dans Internet Explorer

L'impossibilité de changer la couleur des zones de texte désactivées dans Internet Explorer (IE) 6 et 7 peut être une limitation frustrante par rapport à la facilité de le faire dans Firefox en utilisant une classe simple.

Limitations CSS dans IE

La racine de ce problème réside dans la façon dont IE interprète Règles CSS appliquées aux champs de formulaire désactivés. Contrairement aux navigateurs tels que Firefox et les navigateurs basés sur WebKit, qui donnent la priorité aux règles CSS quel que soit leur contexte, IE s'appuie fortement sur le jeu de widgets par défaut du système d'exploitation pour restituer les éléments de formulaire.

L'alternative « en lecture seule »

La solution à cette limitation est d'utiliser l'attribut « lecture seule » au lieu de « désactivé » sur les zones de texte. Ce faisant, les contrôles ne sont pas rendus sous forme de widgets désactivés au niveau du système d'exploitation, ce qui vous donne plus de flexibilité pour les styliser à l'aide de CSS.

Pour obtenir l'effet souhaité, créez une classe CSS (par exemple, « désactivé ») qui définit les styles des zones de texte désactivées, comme une couleur d'arrière-plan ou une couleur de police spécifique. Ensuite, dans votre HTML, appliquez cette classe aux zones de texte « en lecture seule » pour contrôler leur apparence :

<code class="html"><textarea readonly="readonly" class="disabled">Hello</textarea></code>

Cette solution vous permet de personnaliser l'apparence des zones de texte désactivées dans IE pour correspondre à vos besoins spécifiques, garantissant ainsi la cohérence. sur différents navigateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!