Impossible de styler le champ de saisie dans IE6, Pourquoi?

Question

Je sais, je connais bien IE6? Eh bien, peu importe la force de l'argument - je dois s'il vous plaît IE6 pour le moment.

J'ai un champ de saisie de texte. Je devais styliser les couleurs de police et d'arrière-plan. Mais je ne peux pas obtenir IE6 pour afficher les changements que je modifie. Voici mon balisage et css.

<style> 
    input[readonly='readonly'], input.readonly { 
    color:red !important; 
    background:#EBEBE4 !important; 
    border:solid 1px #7F9DB9 !important; 
    cursor:default; 
} 
</style> 

et voici ma forme.

<form name="mainform" method="post" action="/link.aspx" id="mainform"> 
    <div class="section"> 
     <label for="shipFirstName">First Name:<abbr title="Required field">*</abbr></label> 
     <input type="text" name="shipFirstName" id="shipFirstName" value="Rich" readonly='readonly' class='readonly' maxlength="13" /> 
     <label for="shipFirstName">Last Name:<abbr title="Required field">*</abbr></label> 
     <input type="text" name="shipLastName" id="shipLastName" value="Sturim" readonly='readonly' class='readonly' maxlength="26" /> 
    </div> 
</form> 

Je sais que le problème réside dans les sélecteurs

input[readonly='readonly'], input.readonly 

Mais je ne sais pas ce que je dois faire pour obtenir IE6 reconnaître la classe « lecture seule ».

Des idées?

Answer 1

IE6 est perturbé par le sélecteur input[readonly='readonly'] et traitera cette règle entière comme une erreur de syntaxe. Vous devrez créer deux règles différentes pour le faire fonctionner:

<style> 
    input[readonly='readonly'] { 
    color:red !important; 
    background:#EBEBE4 !important; 
    border:solid 1px #7F9DB9 !important; 
    cursor:default; 
} 
    input.readonly { 
    color:red !important; 
    background:#EBEBE4 !important; 
    border:solid 1px #7F9DB9 !important; 
    cursor:default; 
} 
</style> 

Answer 2

Essayez d'utiliser

input[readonly] { 
    // stuff 
} 

Answer 3

Attribute selectors don't work in IE6. Si vous utilisez jQuery, cependant, il fait abstraction de la notion de sélections d'attributs.

fonctionnerait.

Answer 4

IE6 ne supporte pas les sélecteurs d'attribut, je pense que vous avez juste besoin de se débarrasser de input[readonly='readonly'], cela va probablement résoudre votre problème.

2 solutions alternatives:

• Ajouter un attribut de classe à votre input (comme vous l'avez fait)
• utilisation avec Javascript.