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 :

input est pris en compte, input:focus non


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de baggie
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Octobre 2007
    Messages : 755
    Par défaut input est pris en compte, input:focus non
    Bonjour,

    j'ai tout un formulaire avec des <input> de type text, dont j'ai changé la couleur de la bordure :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    input,textarea {
    	border: 1px solid;
    	border-color:#0066FF;
    }
    Aucun problème pour ce code.

    J'aimerai que quand l'utilisateur clique dans un de ces input, celui-ci change de couleur de background et de couleur de bordure. Donc j'ai fait-ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    input:hover, input:focus { 
    	border: 1px solid #FF0000;
    	background-color:#FEE1A7;
    }
    (j'ai testé juste le input:focus et juste le input:hover). Et là ça ne fonctionne pas, ce n'est pas pris en compte.

    Est-ce qu'il y a un problème dans la syntaxe ?

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Bonjour,

    Tu es sous quel navigateur ?
    Les pseudos-classes dynamiques :hover et :focus ne fonctionnement que sur les <a> sous IE6-

  3. #3
    Membre éclairé Avatar de baggie
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Octobre 2007
    Messages : 755
    Par défaut
    Je suis sous IE7 ...

  4. #4
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Il y a que le :focus qui ne fonctionne pas sous IE7, sinon tu peux le faire en JavaScript !

  5. #5
    Membre éclairé Avatar de baggie
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Octobre 2007
    Messages : 755
    Par défaut
    avec un onMouseOver ça fonctionnerait ?

  6. #6
    Membre Expert
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Par défaut
    Citation Envoyé par baggie Voir le message
    avec un onMouseOver ça fonctionnerait ?
    Ca ferai fonctionner le hover mais pas le focus

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

Discussions similaires

  1. Si 2 charset dans une page lequel est pris en compte ?
    Par laurentSc dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 26/06/2011, 01h23
  2. Réponses: 0
    Dernier message: 17/09/2010, 10h47
  3. Réponses: 4
    Dernier message: 04/08/2010, 14h15
  4. Réponses: 1
    Dernier message: 22/02/2010, 11h58
  5. Réponses: 8
    Dernier message: 01/08/2009, 16h31

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