Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

Barbara Streisand
Freigeben: 2024-11-06 09:03:02
Original
428 Leute haben es durchsucht

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

Ä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>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!