html Wählen Sie für jede Option, die in jedem Browser richtig funktioniert, eine andere Hintergrundfarbe aus?

Ich möchte mehrere HTML-Select-Elemente mit benutzerdefinierten Hintergrundfarben für jede Option erstellen:

Wenn die Website geladen wird, möchte ich, dass das select-Element nur die Hintergrundfarbe und keinen Text für die ausgewählte Option anzeigt. Der Text (weiß, rot, ....) sollte nur sichtbar sein, wenn das Dropdown-Menü geöffnet ist.

Da der ausgewählte Wert vom Benutzer geändert wird, sollte sich auch die Hintergrundfarbe ändern, während der Text im geschlossenen Dropdown-Menü unsichtbar sein sollte.

Es wäre wirklich nett, wenn die Lösung auf den meisten Browsern einschließlich IE 9/10 funktioniert.

Prost.