Pourquoi mon bouton ne change-t-il pas de couleur au survol ?

Modification de la couleur du bouton lors du survol de la souris

Description du problème :

Recherche d'une solution pour changer la couleur d'un bouton lorsque le pointeur de la souris le survole. Cependant, la solution fournie ne semble pas fonctionner comme prévu.

Solution fournie :

<code class="css">a.button {
   ...
}
a.button a:hover{
     background: #383;
}</code>

Cause de l'échec :

Le sélecteur a.button a:hover cible les liens enfants des liens avec le bouton classe. Ce n'est pas le comportement prévu, car le bouton lui-même devrait changer de couleur au survol.

Solution correcte :

Modifiez le sélecteur en a.button:hover pour cibler le bouton directement lorsqu'il est survolé.

<code class="css">a.button {
   ...
}
a.button:hover{
     background: #383;
}</code>

Ce sélecteur révisé appliquera le changement de couleur souhaité au bouton lors du survol de la souris, répondant ainsi à l'exigence initiale.

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!