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

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>

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!