désactiver input:hover sur readonly="readonly" [Résolu]

[berlo44]

Bonjour,

est-il possible de désactiver la règle input:hover ou input:focus sur les inputs qui sont en readonly="readonly".

J'ai des champs input dont je change la couleur de fond au survol (avec input:hover) pour montrer que ce sont des champs qu'on peut modifier et ils deviennent blanc quand on les sélectionne pour changer le contenu (avec input:focus).
Mais certains sont en "readonly" et du coup je voudrais que la couleur de fond ne change pas, qu'il ne se passe rien au survol ou à la selection. De plus, la couleur de fond ne peut être fixée indépendamment car elle variable. Je ne peux donc pas faire :

Code :

input[readonly="readonly"]{color:#fff;}

J'ai déjà plein de nom de class pour chaque input en plus, définir le comportement en fonction des class serait un peut lourd.

Si vous avez une idée....

merci.

[Bisûnûrs]

Tu peux regarder du côtés des sélecteurs CSS3 :
http://www.w3.org/TR/css3-selectors/#negation

[berlo44]

bingo, merci pour la piste ça marche impeccable

comme ceci :

Code :

1
2
3
 
input:not([readonly]):hover{background-color: #ddd}
input:not([readonly]):focus{background-color: #fff}

edit : ça ne fonctionne pas avec IE8 par contre