Pourquoi ne puis-je pas changer la couleur des contrôles de saisie désactivés dans IE8 ?

Dilemme des couleurs dans IE8 : style des contrôles HTML désactivés

Malgré la nature apparemment simple du CSS, des incohérences surviennent entre les navigateurs. L'une de ces bizarreries réside dans le style des contrôles HTML désactivés dans Internet Explorer 8. Alors que la plupart des navigateurs adoptent obligatoirement la couleur spécifiée par CSS, IE8 défie cette convention lorsqu'il utilise l'attribut désactivé.

Le code en question

L'extrait CSS ci-dessous est conçu pour modifier la couleur des contrôles de saisie désactivés :

<code class="css">input[disabled='disabled'] {
  color: #666;
}</code>

La bataille du navigateur

Ce code réussit dans la plupart des navigateurs, accordant aux contrôles désactivés la nuance de gris souhaitée. Cependant, IE8 se démarque, préservant obstinément sa couleur de texte grise par défaut malgré les modifications de style.

La cause du conflit

Le coupable dans ce scénario est l'attribut désactivé lui-même. . Dans IE8, il remplace tous les paramètres de couleur définis par CSS et attribue une valeur de gris spécifique au texte. Ce comportement est isolé des contrôles désactivés ; d'autres propriétés telles que les couleurs d'arrière-plan et de bordure restent sensibles à la manipulation CSS.

Conclusion

Bien que le comportement obstiné et frustrant d'IE8 empêche une personnalisation complète des couleurs de contrôle désactivées via CSS, il Il est important de reconnaître sa logique sous-jacente. L'adhésion du navigateur à l'attribut désactivé garantit que les contrôles désactivés maintiennent des repères visuels cohérents sur tous les sites Web, favorisant ainsi l'accessibilité.

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!