DeusFigendi (noReg): Icon in <option>

Beitrag lesen

Guten Morgen,
ich fass mich kurz... ich möchte gerne ein Icon vor jede Option eines Select-Elements setzen. (Alle Icons sind gleich groß)

1. Versuch:
img-Element als erstes Kind, dann der Text.
Funktioniert im Fx, nicht in Iron außerdem ist es eigentlich kein Inhalt also

2. Versuch:

background-image:url;  
background-repeat:no-repeat;  
margin-left:20px; /* die Icons sind 16 breit */

(alles auf das Option-Element)
margin wird nicht umgesetzt, Icons erscheinen im Fx aber wieder nicht in Iron

3. Versuch:
Ersetze margin durch Zeichenkette " . . . " (&nbsp; ginge sicher auch...)
geht, sieht aber hässlich aus und ist nicht vorhandener Inhalt und geht natürlich auch nicht im Iron.

Allerdings ist die Sache mit Inhalt/kein-Inhalt relativ nebensächlich, da das ganze ein JS-Programm ist und Maschinen voraussichtlich eh nicht dran gehen :)

Frage: Wie bring ich dem Chromium Icons bei?
Frage: Wie kann ich elegant den Text nach rechts schieben?