Hallo,
ich will in einem Formular das Auswahlfeld optisch mit Farben darstellen. Diese Farben ergänzen quasi den Inhalt des jeweiligen Elements.
Die Farben werden soweit auch angezeigt, allerdings beim Auswählen mit der Maus (:hover) wird die Hintergrundfarbe dann Blau angezeigt und mir ist nicht bekannt, wie ich das verhindern bzw. ändern kann.
Kennt jemand dazu eine Lösung?
Code:
select > option[value="0"] {
background: white;
color: black;
}
select > option[value="1"] {
background: green;
color: white;
}
select > option[value="2"] {
background: orange;
color: black;
}
select > option[value="3"] {
background: red;
color: black;
}
select > option[value="4"] {
background: black;
color: white;
}
HTML-Code:
<select id="...">
<option value="0">Inaktiv</option>
<option value="1">Stufe 1</option>
<option value="2">Stufe 2</option>
<option value="3" selected="">Stufe 3</option>
<option value="4">Stufe 4</option>
</select>
Danke!