IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

désactiver input:hover sur readonly="readonly"


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    35
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 35
    Par défaut 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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Tu peux regarder du côtés des sélecteurs CSS3 :
    http://www.w3.org/TR/css3-selectors/#negation

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    35
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 35
    Par défaut
    bingo, merci pour la piste ça marche impeccable

    comme ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Quote] DVP quoté sur Bashfr
    Par Skyounet dans le forum La taverne du Club : Humour et divers
    Réponses: 16
    Dernier message: 26/09/2006, 18h52
  2. Problème sur Request.ServerVariables("QUERY_STRING"
    Par PrinceMaster77 dans le forum ASP
    Réponses: 3
    Dernier message: 25/03/2005, 11h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo