Maison > interface Web > tutoriel CSS > Comment changer la couleur des boutons en survol : quel est le problème et comment y remédier ?

Comment changer la couleur des boutons en survol : quel est le problème et comment y remédier ?

Barbara Streisand
Libérer: 2024-11-06 09:03:02
original
536 Les gens l'ont consulté

How to Change Button Color on Hover:  What's Wrong and How to Fix It?

Changer la couleur du bouton en survol

Vous essayez de modifier la couleur du bouton en survol, mais le code fourni ne fonctionne pas comme attendu.

Le problème :

Le code que vous avez partagé contient le sélecteur a.button a:hover. Ce sélecteur cible les liens () qui se trouvent dans les éléments avec le bouton de classe. Cependant, dans ce contexte, vous souhaitez sélectionner le bouton lui-même, pas un lien à l'intérieur.

La solution :

Pour changer correctement la couleur du bouton au survol, utilisez plutôt le sélecteur a.button:hover. Ce sélecteur cible l'élément bouton avec le bouton de classe lorsqu'il est survolé.

Code mis à jour :

Remplacez le code existant par ce qui suit :

<code class="css">a.button {
  /* Button styles */
}

a.button:hover {
  background: #383;
}</code>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal