Bild vor Optionfeld in einer Selectbox mit Hilfe von attr()

[tuxx]

Guten Tag,

ich versuche seit einiger Zeit vor die Optionfelder in einer Selectbox Icons (im Beispiel "Flaggen") einzufügen. Der Value entspricht immer dem Dateinamen (ohne Dateiendung).
Im unteren Beispiel wäre es für Deutschland dann das Bild mit dem Pfad: "pics/de.png".

Code: Alles auswählen

...
<option value="de">Deutschland</option>
...


Code: Alles auswählen

/*select#name option::before{*/

select#name option:before{
  content: url('pics/'attr(value)'.png');
}


Ich würde ungern jedes Element einzelnt ansprechen, da es abgesehen vom dem Beispiel hier eine Menge Einträge sind.
Gut vorstellen kann ich mir eine Lösung in JavaScript o.ä.,
aber mich interessiert (wenn momentan möglich) die Umsetzung in CSS (Ohne Zusätze).

Vielleicht hat da ja jemand eine Idee.
Liebe Grüße!

[djheke]

Nee du, dit wird wohl nur mit js oder php gehen.