désactiver input:hover sur readonly="readonly"
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.
