Kann CSS die Hover-Hintergrundfarbe von „Elementen innerhalb eines „Elements' ändern?

Anpassen des Hervorhebungsfarbe

Kann CSS verwendet werden, um die Hintergrundfarbe des Listenelements (

) zu ändern, wenn der Cursor innerhalb eines

-Elements darüber bewegt wird? Element?

Klarstellung

Die ursprüngliche Frage ist hinsichtlich des gewünschten Verhaltens unklar. Es scheint, dass die Absicht darin bestand, die Hintergrundfarbe des zu ändern. Elemente.

Versuch und Ergebnisse

Versuche, die zu ändern. Die Hintergrundfarbe der Elemente hat sich als erfolglos erwiesen, da immer die Systemfarbe angewendet wird.

Alternative Lösung

Ein Ansatz, der das gewünschte Verhalten teilweise anspricht, besteht darin, das gesamte -Element hervorzuheben. Element, wenn der Cursor darüber schwebt:

<code class="css">select:hover { background-color: red; }</code>

Diese Technik weist jedoch browserspezifische Unterschiede im Verhalten auf:

• Chrome hebt das gesamte Dropdown-Menü hervor, nicht jedoch die einzelnen Optionen.
• Firefox hebt sowohl das Dropdown-Menü als auch die Optionen hervor, aber die Hervorhebung bleibt bestehen, wenn der Cursor wegbewegt wird, nachdem die Optionen sichtbar bleiben.

Fazit

Wie bereits allgemein erwähnt, Styling Eine zuverlässige Formularsteuerung ist eine Herausforderung. Weitere Informationen finden Sie in der bereitgestellten Dokumentation.

Das obige ist der detaillierte Inhalt vonKann CSS die Hover-Hintergrundfarbe von „Elementen innerhalb eines „Elements' ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

firefox css chrome select this background li

Stellungnahme：

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

Vorheriger Artikel：Warum werden YouTube-Iframes in Dropdown-Menüs in verschiedenen Browsern unterschiedlich dargestellt?Nächster Artikel：Warum werden YouTube-Iframes in Dropdown-Menüs in verschiedenen Browsern unterschiedlich dargestellt?

In Verbindung stehende Artikel

Mehr sehen

• Zusammenfassung dessen, worauf Sie beim Schreiben von CSS bezüglich Border achten müssen
• So realisieren Sie die Auswahl mehrerer Stile und den Echtzeitwechsel von Stilen. Erleben Sie den Austausch
• Detaillierte Nutzungsanalyse von Marquee
• CSS标题线（删除线贯穿线效果）实现
• CSS3中优雅降级和渐进增强的区别

Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

Über unsHaftungsausschlussSitemap

© php.cn All rights reserved