PX: Hintergrundfarben in Dropdown Boxen

Beitrag lesen

Hallo,

auf einer Seite habe ich eine Dropdownbox mit mehreren Einträgen, die verschiedene Hintergrundfarben haben. Diese sollen dann auch, nachdem man etwas ausgewählt hat, zu sehen sein. Der IE macht das interessanter Weise richtig, Firefox jedoch nicht. Wenn man da einen Eintrag wählt, steht zwar der Text dran, die Hintergrundfarbe erscheint aber nicht; also in meinem Fall weiß, da nichts Anderes angegeben ist.

Zum nachvollziehen hier ein Beispielcode:

<select name="1" size="1">
 <option value="rot" style="background-color: #FF0000;">rot</option>
 <option value="blau" style="background-color: #0000FF;" >blau</option>
 <option value="grün" style="background-color: #00FF00;" >grün</option>
 <option value="gelb" style="background-color: #FFFF00;" >gelb</option>
 <option value="schwarz" style="background-color: #000000;" >schwarz</option>
</select>

Daher meine Frage: Gibt es einen Workaround um Firefox doch noch dazu zu bringen die ausgewählte Farbe anzeigen zu lassen? Wenn nicht kann ich das size vom select-tag auch auf 2 stellen, wobei das nicht sooo schön wäre wie eine Dropdown Box :)

Danke und viele Grüße
PX