[Résolu] Input disabled avec fond gris sous IE7 sans CSS

olifa a écrit :
Une petite question rapide
Est-ce que quelqu'un connait un moyen pour griser un champs

<input type="text" disabled="disabled">

sous IE7 sans définir une classe pour cela ?
Merci d'avance.
O.

Bonjour,

A priori non, mais ton input devrait être associé à un label, donc tu aurais alors à disposition un "id" pour styler ce champs pour IE 7.

<label for="toto">Toto</label>
<input type="text" id="toto" disabled="disabled">

Sinon tout dépend de la structure de ton formulaire, je crois que IE 7 doit comprendre les sélecteurs d'enfants adjacents.
Au hasard, si c'est possible, tu pourrais faire:

label + input{
background: #ccc;
}

ps: est-ce que tu ne peux pas modifier le code html du formulaire ?

Il me semble qu'IE7 comprend aussi le sélecteur d'attribut. On pourrait donc faire:

input[disabled=disabled] {background: #ccc;}

Edit: correction, pour que ça marche sous IE7 il faudra utiliser la syntaxe suivante:

input[disabled ] {background: #ccc;}
/* Ne pas mettre d'espace avant le crochet fermant ci-dessus */

Il semblerait qu'IE réduise disabled="disabled" à juste disabled pour sa cuisine interne. Par contre, le sélecteur d'attribut avec test de la valeur marche bien dans IE7 pour d'autres attributs. Par exemple dans le cas suivant:

input[type=text] {width: 200px;}

Bien sûr, la solution ci-dessus ne fonctionnera pas sous IE6, mais ce dernier a un style visible (bien que discret) pour les champs de formulaire disabled.
Modifié par Florent V. (20 Sep 2007 - 11:07)

Florent V. a écrit :

Edit: correction, pour que ça marche sous IE7 il faudra utiliser la syntaxe suivante:

input[disabled ] {background: #ccc;}

Il semblerait qu'IE réduise disabled="disabled" à juste disabled pour sa cuisine interne. Par contre, le sélecteur d'attribut avec test de la valeur marche bien dans IE7 pour d'autres attributs. Par exemple dans le cas suivant:

input[type=text] {width: 200px;}

Exact j'avais juste testé

input[disabled="disabled" ]

Bon css3 toussa c'est dans longtemps :

input:disabled{
background:#ccc;
}

Igor a écrit :

je crois que IE 7 doit comprendre les sélecteurs d'enfants adjacents.

Je confirme!