So ändern Sie die Schaltflächenfarbe beim Hover: Was ist falsch und wie lässt sich das Problem beheben?

Ändern der Schaltflächenfarbe beim Hover

Sie versuchen, die Schaltflächenfarbe beim Hover zu ändern, aber Ihr bereitgestellter Code funktioniert nicht so erwartet.

Das Problem:

Der von Ihnen geteilte Code enthält den Selektor a.button a:hover. Dieser Selektor zielt auf Links () ab, die sich innerhalb von Elementen mit der Klassenschaltfläche befinden. In diesem Zusammenhang möchten Sie jedoch die Schaltfläche selbst auswählen, nicht einen darin enthaltenen Link.

Die Lösung:

Um die Schaltflächenfarbe beim Hover korrekt zu ändern, Verwenden Sie stattdessen den Selektor a.button:hover. Dieser Selektor zielt auf das Schaltflächenelement mit der Klassenschaltfläche ab, wenn der Mauszeiger darüber gehalten wird.

Aktualisierter Code:

Ersetzen Sie den vorhandenen Code durch Folgendes:

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

a.button:hover {
  background: #383;
}</code>

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Schaltflächenfarbe beim Hover: Was ist falsch und wie lässt sich das Problem beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!