Changement de couleur du texte sur passez la souris sur le bouton

Je suis en train de changer la couleur du texte à l'intérieur du bouton sur le vol stationnaire.

Je peux faire sur le bouton lui-même changer de couleur, mais je veux que le texte du bouton change de couleur aussi.

Voici mon css:

button,
input.button,
a.button,
input[type="submit"] {
background:#2e77ae;
background: -moz-linear-gradient(top, #5590bd, #2e77ae);
background: -webkit-linear-gradient(top, #5590bd, #2e77ae);
background: -o-linear-gradient(top, #5590bd, #2e77ae);
background: -ms-linear-gradient(top, #5590bd, #2e77ae);
background: linear-gradient(top, #5590bd, #2e77ae);
border-color:#2e77ae;}

button:hover,
input.button:hover,
a.button:hover,
input[type="submit"]:hover{

    background:#E6D332;
    background: -moz-linear-gradient(top, #E6D332, #E6D332);
    background: -webkit-linear-gradient(top, #E6D332, #E6D332);
    background: -ms-linear-gradient(top, #E6D332, #E6D332);
    background: linear-gradient(top, #E6D332, #E6D332);
    border-color:#2e77ae;}



button:focus,
input.button:focus,
a.button:focus,
input[type="submit"]:focus { 
    background-color:#E6D332;}
pour changer la couleur du texte utiliser color:#color;
pour modifier le texte-la couleur que vous avez besoin d'ajouter cette color:#455667

OriginalL'auteur Stephen O'connor | 2012-08-27

  1. 5

    La propriété CSS color contrôle la couleur du texte dans les éléments de façon générique. Dans votre cas, le changement de couleur sur le vol stationnaire, l'utilisation de la :hover spécificateur;

    input[type = "submit"]:hover {
    color: #FF0000;
    //you can add more styles to be applied on hover
}

    Notez que vous pouvez ainsi spécifier la couleur à l'aide de la rgb(x, y, z) format. Voici une petite démo pour illustrer: petit lien. Vous pouvez jouer avec la démo et voir la source ici: un autre petit lien.

    J'espère que contribué à!

    merci pour l'aide - cela ne fonctionne toujours pas - suis-je en train de faire quelque chose de mal: bouton:hover, d'entrée.bouton:hover,.bouton:hover, input[type="submit"]:hover{ background:#E6D332; background: -moz-linear-gradient(top, #E6D332, #E6D332); background: -webkit-linear-gradient(top, #E6D332, #E6D332); background: -ms-linear-gradient(top, #E6D332, #E6D332); background: linear-gradient(top, #E6D332, #E6D332); border-color:#2e77ae; couleur :#2e77ae;}
    Le code que vous avez collé fonctionne pour moi.
    Veuillez prendre un coup d'oeil à ceci: petit lien. Il utilise le même code, et il fonctionne sur hover.
    merci - il ne fonctionne pas sur ma page, pour quelque raison - je ne sais pas pourquoi mais merci pour votre aide @Abody97
    Est-ce votre page live? Pouvez-vous fournir un lien? Si non, pouvez-vous s'il vous plaît poster votre full HTML/CSS?

    OriginalL'auteur Chris

  2. 2

    Si vous souhaitez modifier la couleur du texte, utilisez les CSS color propriété, comme

    input[type="submit"]:hover{
   color :#E6D332; 
}

    OriginalL'auteur SexyBeast

  3. -1

    color:#(insert text color) Mettre cela en

    exactement où dois-je mettre?
    en vol stationnaire section input[type="submit"]:hover{ background:#E6D332; background: -moz-linear-gradient(top, #E6D332, #E6D332); background: -webkit-linear-gradient(top, #E6D332, #E6D332); background: -ms-linear-gradient(top, #E6D332, #E6D332); background: linear-gradient(top, #E6D332, #E6D332); border-color:#2e77ae; color:#(insert text color)}
    Vous devez utiliser des lettres majuscules, je pense. Donc #2E77AE, pas de #2e77ae
    N'importe t #2e77ae OU #2E77AE,

    OriginalL'auteur Johnzo