Wie kann ich die Hervorhebungsfarbe eines ausgewählten Elements beim Hover anpassen?

Anpassen der Auswahl der Elementhervorhebungsfarbe

F: Wie kann ich die Hervorhebungsfarbe ändern, die auf dem < li> Element, wenn die Maus darüber innerhalb eines -Elements bewegt wird. Dropdown?

A: Die bereitgestellten Informationen zum Hervorheben von

Elemente innerhalb von

ist unklar. Es scheint jedoch, dass Sie beabsichtigen, die Hintergrundfarbe von zu ändern. Elemente. Versuche, dies zu tun, waren erfolglos, da die Systemfarbe auch beim CSS-Stil Vorrang hat.

Alternativ kann das Hervorheben des gesamten Element beim Mouseover kann mit dem folgenden CSS erreicht werden:

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

Das Verhalten dieser Problemumgehung variiert jedoch je nach Browser. Beispielsweise hebt Chrome die Optionen im Dropdown-Menü nicht hervor, während Firefox dies tut, die Standardfarbe jedoch nicht wiederherstellt, wenn Sie mit der Maus darüber fahren.

Es ist wichtig zu beachten, dass die zuverlässige Gestaltung von Formularsteuerelementen von Natur aus eine Herausforderung darstellt. Weitere Einzelheiten zu dieser Einschränkung finden Sie in der folgenden Diskussion.

Das obige ist der detaillierte Inhalt vonWie kann ich die Hervorhebungsfarbe eines ausgewählten Elements beim Hover anpassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

firefox css chrome for while select using default 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：Ist der Universal Selector (*) immer noch ein Leistungsengpass in modernen Browsern?Nächster Artikel：Ist der Universal Selector (*) immer noch ein Leistungsengpass in modernen Browsern?

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