Pourquoi la modification de la couleur du texte dans les zones de texte désactivées fonctionne-t-elle différemment dans IE6/7 et Firefox ?

Modification de la couleur de la police de la zone de texte désactivée dans IE

Dans Firefox, modifier la couleur du texte d'une zone de texte désactivée est simple grâce à l'utilisation d'une classe CSS . Cependant, cette technique est insuffisante dans les versions 6 et 7 d'Internet Explorer.

Le problème est que l'application d'une classe avec l'intention de changer la couleur du texte de la zone de texte désactivée en rouge entraîne un texte gris dans IE, alors que Firefox affiche le rouge désiré. D'autres navigateurs présentent des variations de comportement similaires.

Cet écart résulte des différents niveaux de contrôle qu'exercent les systèmes d'exploitation sur le rendu des champs de formulaire. Certains aspects suivent plus étroitement les règles CSS que d’autres. Les méthodes de script ne sont pas applicables dans ce cas.

La solution de contournement recommandée consiste à utiliser l'attribut 'readonly' au lieu de 'disabled' et à utiliser CSS (par exemple, basé sur 'class="disabled"') pour recréer l'apparence handicapée. Les éléments d'entrée « en lecture seule » ne sont pas rendus sous forme de widgets désactivés au niveau du système d'exploitation, ce qui permet de plus grandes options de personnalisation.

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!