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 :

changer l'aspect d'un bouton


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de zool.bzh
    Homme Profil pro
    peintre industriel
    Inscrit en
    Octobre 2023
    Messages
    140
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Côtes d'Armor (Bretagne)

    Informations professionnelles :
    Activité : peintre industriel
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2023
    Messages : 140
    Par défaut changer l'aspect d'un bouton
    bonjour a tous
    J'ai un bouton dans code:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <!DOCTYPE html>
    <html lang="en-us">
      <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
      </head>
    	<body>
    	<button class="guessSubmit" type="button">inc</button>
    	</body>
    </html>
    le problème est dans ma feuille de style
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    body button .guessSubmit
    {
     background-color: #CA0000;
     
    }
    l'aspect de mon bouton reste le même.
    Pouvez-vous m'aider

  2. #2
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 130
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 130
    Par défaut
    Salut

    Et si
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    .guessSubmit
    {
     background-color: #CA0000;
     
    }
    tout simplement.
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

  3. #3
    Membre confirmé Avatar de zool.bzh
    Homme Profil pro
    peintre industriel
    Inscrit en
    Octobre 2023
    Messages
    140
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Côtes d'Armor (Bretagne)

    Informations professionnelles :
    Activité : peintre industriel
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2023
    Messages : 140
    Par défaut
    j'ai tout essayé rien ne foctionne
    pourtant ce qui suit change bien background
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <button style = "background-color:#CA0000" class="guessSubmit" >inc</button>
    Même dans style.css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    body
    {
    background-color:#CA0000; 
    }
    rne end rien du tout.
    avez-vous une idée pour rendre le background dans ma feuille de style?
    merci

  4. #4
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 130
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 130
    Par défaut
    Salut

    Dernière proposition
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    .guessSubmit
    {
     background-color: #CA0000 !important;
    }
    Tu trouveras dans ce lien des informations liées à l'ajout du mot !important
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

  5. #5
    Membre confirmé Avatar de zool.bzh
    Homme Profil pro
    peintre industriel
    Inscrit en
    Octobre 2023
    Messages
    140
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Côtes d'Armor (Bretagne)

    Informations professionnelles :
    Activité : peintre industriel
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2023
    Messages : 140
    Par défaut
    merci ProgElecT
    le problème venait dans head styles.css au lieu style.ss
    dsl pour ce post qui ne sert pas a grand chose...

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

Discussions similaires

  1. Aide tkinter changer l'aspect d'un bouton
    Par Efkhan gpalu dans le forum Tkinter
    Réponses: 2
    Dernier message: 07/04/2017, 22h28
  2. Changer le fond d'un bouton d'un panneau différent !
    Par k o D dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 21/04/2005, 17h16
  3. Comment changer l'aspect du curseur sur un lien ?
    Par Fleep dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 10/03/2005, 17h30
  4. [FLASH MX2004] Changer l'image d'un bouton
    Par exe dans le forum Flash
    Réponses: 3
    Dernier message: 05/12/2004, 14h26
  5. Changer le Value d'un Bouton
    Par Canou dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 22/10/2004, 15h37

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