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

HTML Discussion :

souligner une lettre sur un boutton


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Décembre 2009
    Messages
    10
    Détails du profil
    Informations forums :
    Inscription : Décembre 2009
    Messages : 10
    Par défaut souligner une lettre sur un boutton
    bonjour,
    j'ai un input de type boutton où la valeur est "Suivant".
    je veut souligner la premier lettre, comment faire?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="button" value="Suivant" />
    merci d'avance.

  2. #2
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 661
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 661
    Par défaut
    bonjour,

    il faut utiliser les feuilles de styles et la pseudo-classe first-letter. Cependant cette pseudo classe n'a d'effet que si l'objet est de type block. Il faut donc forcer le display du bouton en block.
    Ensuite, il faut utiliser la balise <button> en lieu et place de la balise <input>

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    .btn:first-letter{
    	text-decoration:underline;
    }
    .btn{
    	display:block;
    }

    et
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <button class="btn">Suivant</button>

  3. #3
    Membre averti
    Inscrit en
    Décembre 2009
    Messages
    10
    Détails du profil
    Informations forums :
    Inscription : Décembre 2009
    Messages : 10
    Par défaut
    Citation Envoyé par Auteur Voir le message
    bonjour,

    il faut utiliser les feuilles de styles et la pseudo-classe first-letter. Cependant cette pseudo classe n'a d'effet que si l'objet est de type block. Il faut donc forcer le display du bouton en block.
    Ensuite, il faut utiliser la balise <button> en lieu et place de la balise <input>

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    .btn:first-letter{
    	text-decoration:underline;
    }
    .btn{
    	display:block;
    }

    et
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <button class="btn">Suivant</button>

    Merci beaucoup!
    ca marche

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

Discussions similaires

  1. mettre une image sur un boutton
    Par mogz29 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 21/10/2009, 22h44
  2. Réponses: 20
    Dernier message: 12/06/2007, 10h11
  3. comment lancer automatiquement 1 script au lieu d'une action sur un boutton
    Par winnie82 dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 13/07/2006, 17h13
  4. [VB6] mettre une image sur un boutton
    Par dim dans le forum VB 6 et antérieur
    Réponses: 2
    Dernier message: 15/02/2004, 01h28

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