Pourquoi ne puis-je pas modifier la couleur du texte des zones de texte désactivées dans Internet Explorer ?

Désactivation de la couleur du texte des zones de texte dans Internet Explorer

On observe que la couleur du texte dans les zones de texte désactivées peut être modifiée dans Firefox à l'aide d'une classe simple. Cependant, y parvenir dans IE 6 et 7 reste un défi.

La requête originale suggère que le CSS en ligne peut changer la couleur du texte des zones de texte désactivées dans Firefox.

<textarea disabled="disabled" style="color: red;">Hello</textarea>

Cependant, cette approche produit du texte gris dans IE, tandis que Firefox l'affiche en rouge. D'autres navigateurs comme Opera affichent également du texte gris, tandis que les navigateurs WebKit affichent en rouge.

Le problème vient de la façon dont CSS restitue les champs de formulaire. Dans IE, ces champs sont généralement rendus à l'aide du jeu de widgets du système d'exploitation, remplaçant ainsi les règles CSS. D'autres navigateurs ont tendance à donner la priorité aux règles CSS, ce qui entraîne les incohérences observées.

Pour résoudre ce problème, il est recommandé d'utiliser l'attribut « lecture seule » au lieu de « désactivé ». En appliquant la désignation « class="disabled" », vous pouvez personnaliser l'apparence des zones de texte désactivées tout en conservant les restrictions de contrôle de formulaire nécessaires. « Lecture seule » préserve le style original de la zone de texte, permettant une plus grande personnalisation via CSS.

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!