Farbe Auswahl selectbox ändern

[Gernot Back]

Hallo Thomas,

Ich habe folgendes getestet:

<select name="s1" style="width:50px" onFocus="this.style.backgroundColor='#FFFFFF'" onBlur="this.style.backgroundColor='#FFFFFF'">
<option value="FF0000" style="background-color:#FF0000" ></option>
<option value="00FF00" style="background-color:#00FF00"></option>

(...)

</select>

Das geht leider nicht :(

Bie Hintergrundbildern habe ich das mit Netscape7.1/Mozilla/Firefox schon geschafft; und zwar, wenn ich mich richtig entsinne, mit dem Eventhandler onchange im SELECT-Element; entsprechend ginge es bei Hintergrundfarben dann wohl so:

<select style="[code lang=css]width:50px" onchange="this.style.backgroundColor=this.options[this.selectedIndex].style.backgroundColor">
<option value="FF0000" style="background-color:#FF0000"></option>
<option value="00FF00" style="background-color:#00FF00"></option>
<option value="0000FF" style="background-color:#0000FF"></option>
<option value="00FFFF" style="background-color:#00FFFF"></option>
</select>
[/code]
Mit anderen Browsern IE/Opera dürfte es da aber Probleme geben:

vgl.:http://forum.de.selfhtml.org/archiv/2005/11/t118574/#m760191

Gruß Gernot