Ändern Sie die Hintergrundfarbe der Auswahlfeldoption
Lesezeit: 4 Minuten
ngspielplatz
Ich habe ein Auswahlfeld und versuche, die Hintergrundfarbe der Optionen zu ändern, wenn auf das Auswahlfeld geklickt wurde und alle Optionen angezeigt werden.
Ich habe die rgba-Option weggenommen und scheint jetzt schwarz zu verwenden, was ausreichen wird 🙂
– Spielplatz
11. Oktober 2012 um 9:33 Uhr
Sie könnten das CSS verwenden :nth-child(1..n) Wahlschalter statt.
– Samuel Liew ♦
3. September 2013 um 3:14 Uhr
Sie sollten die Attributauswahl wahrscheinlich nicht verwenden. Wahrscheinlich möchten Sie stattdessen das n-te Kind verwenden oder jeder Option eine Klasse zuweisen.
– Fred
31. August 2015 um 14:24 Uhr
Funktioniert nicht mit Firefox, auch nicht mit Chromium (Linux Antergos)
– Albert
21. Dezember 2016 um 10:17 Uhr
Versuchen Sie hinzufügen !imporant. Zum Beispiel: background: red!important;
– Michael
18. August 2019 um 19:52 Uhr
Ich weiß nicht, ob Sie darüber nachgedacht haben oder nicht, aber wenn Ihre Anwendung auf dem Färben verschiedener Gruppierungen von Elementen basiert, sollten Sie wahrscheinlich die verwenden <optgroup> Tag gekoppelt mit einer Klasse zur weiteren Referenzierung. Zum Beispiel:
@aswzen funktioniert tatsächlich in Chrome für mich (v65), aber nicht in Firefox Quantum (v59).
– CPHPython
17. Mai 2018 um 10:55 Uhr
Ähnlich wie einige der Antworten, aber nicht wirklich angegeben, ist das Hinzufügen einer Klasse zum eigentlichen Options-Tag und die Verwendung von CSS-Klassen … dies funktioniert derzeit für mich ohne Probleme im IE (siehe oben ss).
<select id="reviewAction">
<option class="greenColor">Accept and Advance Status</option>
<option class="redColor">Return for Modifications</option>
</select>
An diesen Ansatz ist jedoch eine Warnung geknüpft. Diese Arten von Menüs funktionieren auf mobilen Plattformen ganz anders, da keine nativen Elemente verwendet werden. Sie können auch auf dem Desktop lästige Macken haben. Mein Rat ist: 1) schreiben Sie keine eigene und 2) finden Sie eine Bibliothek, die wirklich gut getestet wurde.
10020000cookie-checkÄndern Sie die Hintergrundfarbe der Auswahlfeldoptionyes