J'essaie de changer la couleur du texte à l'intérieur du bouton sur la survolte.
Je peux rendre le bouton lui-même changer de couleur, mais je veux que le texte du bouton change de couleur aussi.
ici est mon CSS actuel:
5 Réponses :
Si vous souhaitez modifier la couleur du texte, utilisez la propriété CSS COLOR CODE>, comme input[type="submit"]:hover{
color :#E6D332;
}
couleur: # (insérer la couleur du texte) Mettez ceci dans
Dans la section Hover Section Entrée [Type = "Soumettre"]: Hover {Fond: # E6D332; Contexte: -Moz-linéaire-gradient (haut, # E6D332, # E6D332); CONTEXTE: -WebKit-Gradient linéaire (haut, # E6D332, # E6D332); Arrière-plan: -Ms-linéaire-gradient (haut, # E6D332, # E6D332); arrière-plan: gradient linéaire (haut, # E6D332, # E6D332); Couleur de la bordure: # 2E77AE; Couleur: # (insérer la couleur du texte)}
@ Stepheno'Connor Vous devriez utiliser des lettres majuscules, je pense. Donc # 2e77ae, pas # 2E77Ae
La matière t # 2e77ae ou # 2e77ae,
La propriété CSS Notez que vous pouvez aussi spécifier la couleur à l'aide du J'espère que cela a aidé! couleur contrôle la couleur du texte dans des éléments génériquement. Dans votre cas, pour changer la couleur sur la survol, utilisez le spécificateur : plancher ; RVB (x, y, z) format. Voici une petite démo pour illustrer: Little Link . Vous pouvez jouer avec la démo et voir la source ici: un autre lien .
Merci pour l'aide - cela ne fonctionne toujours pas - je fais quelque chose de mal: Bouton: Bouton: Hover, Input.Button: Hover, A.Button: Hover, Entrée [Type = "Soumettre"]: Hover {Fond: # E6D332; Contexte: -Moz-linéaire-gradient (haut, # E6D332, # E6D332); CONTEXTE: -WebKit-Gradient linéaire (haut, # E6D332, # E6D332); Arrière-plan: -Ms-linéaire-gradient (haut, # E6D332, # E6D332); arrière-plan: gradient linéaire (haut, # E6D332, # E6D332); Couleur de la bordure: # 2E77AE; Couleur: # 2E77AE;}
@ Stepheno'Connor S'il vous plaît jeter un oeil à ceci: Petit lien . Cela utilise votre même code et fonctionnait sur survol .
Merci - ça ne fonctionne pas sur ma page pour une raison quelconque - je ne sais pas pourquoi mais merci pour votre aide @ abody97
@ Stepheno'Connor est votre page en direct? Pouvez-vous vous fournir un lien? Sinon, pouvez-vous s'il vous plaît poster votre HTML / CSS complet?
@ Stepheno'Connor C'est parce que vous avez une règle: Couleur: RVB (255, 255, 255)! Important; Supprimer le ! IMPORTANT PARTIE ET Ça fonctionnera.
@ Stepheno'Connor s'il a fonctionné, n'oubliez pas de "cocher" la réponse comme acceptée!
p.one:hover{
color: #ffffff;
}
.btn:hover h3{
color: #FFFFFF;
}
You can write the selectors for elements (such as text) within the <button> after .btn:hover to update those specific elements css properties when hovering on the button.
Pour changer l'utilisation de la couleur du texte
couleur: #Color;Pour changer de couleur de texte, vous devez ajouter cette couleur
: # 455667