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 :

La balise <input> et le Css


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Février 2003
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2003
    Messages : 13
    Par défaut La balise <input> et le Css
    J'aurais besoin de savoir comment faire pour que toutes les balises <input> demon formulaire se colorent quand elle ont le focus.

    J'ai beaucoup de champs input et je ne voudrais pas ajouter de style directement dans la balise.

    J'ai pas trop di'dées mais je continue a chercher.

  2. #2
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Salut,

    Tu peux définir les styles pour la pseudo classe focus:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    input:focus {
      background-color: orange;
    }
    Ceci ne sera malheureusement pas supporté par IE6 (IE7 je ne sais pas).

    Tu peux pallier à ca avec javascript (tu récupères tout tes input et tu définis les événements onfocus pour la prise de focus et onblur pour remettre les styles comme il faut à la sortie du champ).
    Si la deuxième possibilité t'intéresse, je te recommande alors d'aller poster dans le forum javascript.
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

Discussions similaires

  1. Alignement de balises label, input et div
    Par boucamleg dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 02/09/2011, 11h57
  2. [Joomla!] Balises system-message d'un fichier css.
    Par jacma dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 0
    Dernier message: 27/09/2010, 18h11
  3. [XHTML 1.0] Balise d'input texte sous Internet Explorer 6
    Par vel cheran dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 08/06/2010, 13h50
  4. Comment remplacer la balise img src width à 100% en CSS?
    Par kunpen dans le forum Mise en page CSS
    Réponses: 13
    Dernier message: 30/01/2009, 17h23
  5. S'adresser à la balise input type button en CSS
    Par mappy dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 18/08/2006, 21h02

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