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 :

selecteur input button


Sujet :

CSS

  1. #1
    Membre émérite Avatar de pop_up
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    877
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 877
    Par défaut selecteur input button
    Bonjour,

    Existe t'il un sélecteur spécifique pour les inputs de type button ?

    je sais que l'on peut definir un style pour tous les input mais je voudrais pouvoir définir un style pour tous mes boutons sans que cela agisse sur des inputs de type text par exemple.

    merci

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    oui c'est possible via les sélecteurs d'attribut exacte:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    input [type="button"] {...}
    mais attention IE6 ne les implémente pas, il vaut mieux donc passer
    par une class spécifique.

  3. #3
    Membre émérite Avatar de pop_up
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    877
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 877
    Par défaut
    c'est exactement ce que j'attendait ( sauf le IE6 ne l'implémente pas )

    Merci

  4. #4
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    A ce moment là utilise plutôt button, un sélecteur sur l'élément ça marche aussi sur IE6

  5. #5
    Membre émérite Avatar de pop_up
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    877
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 877
    Par défaut
    je ne connaissais pas ce tag <button>...</button>

    est ce qu'il fonctionne partout, est t'il bien reconnu et surtout est t'il accéssible ?

    merci

  6. #6
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    Concernant la compatibilité, voir ici. Une erreur étrange survient dans IE concernant le tabindex apparemment. Donc non, finalement ça ne doit pas être accessible (à ce que je comprends).

  7. #7
    Membre émérite Avatar de pop_up
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    877
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 877
    Par défaut
    encore merci pour ce lien

  8. #8
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Citation Envoyé par franculo_caoulene Voir le message
    Concernant la compatibilité, voir ici. Une erreur étrange survient dans IE concernant le tabindex apparemment. Donc non, finalement ça ne doit pas être accessible (à ce que je comprends).
    Attention ne pas confondre accessibilité et default ou absence d'implémentation! Le problème du taxindex ne sera visible que s'ils sont implémentés.
    A ma connaissance, un button est tout aussi accessible qu'un input type button.

    @Pop-up:
    déja pour la mise en forme tu peux aller voir ici

    L'élément BUTTON qui est apparu avec HTML4.0 fonctionnent comme l'élément INPUT, mais ils offrent plusieurs avantage :
    > des possibilités de restitution plus variés: possibilité d'insérer une image par exemple
    > un changement d'état au click (variable selon le navigateur)

  9. #9
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    224
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 224
    Par défaut
    Juste un petit complément aux avantages de Button sur Input: dans le texte affiché, il est possible de mettre un <br> pour faire 2+ lignes plutôt que de déborder.

    Francois

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

Discussions similaires

  1. Alignement span sur input button
    Par predalpha dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 05/06/2014, 17h42
  2. Menu simple en vertical en cliquant sur un input-button
    Par mecmec dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 24/10/2013, 18h07
  3. Passer une valeur d'un input button
    Par phoybe dans le forum Langage
    Réponses: 1
    Dernier message: 29/08/2012, 15h14
  4. Rollover sur un Input Button
    Par whorian dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 27/01/2008, 12h02
  5. Ecrire dans un input text via un input button
    Par kevinf dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 21/10/2007, 10h46

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