Select in verschiedenen Farben und Weights

[spade]

Guten Tag,

ich möchte in einem Select abhängig von der Auswahl die Schriftfarbe und das Weight ändern. Dabei erhalte ich uneinheitliche Ergebnisse. Ich möchte erreichen, dass die Voreinstellung in rot und fett dargestellt wird und die Auswahl in schwarz und normal.

Hier ist mein Kode:

Code: Alles auswählen

<select name="Anrede">
<option style="font-weight: bold; color: red;" selected="selected">Wählen</option>
<option value="Frau " style="font-weight: normal; color: black;">Frau</option>
<option value="Herr " style="font-weight: normal; color: black;">Herr</option>
</select>

Firefox und IE interpretieren das unterschiedlich. Der IE macht die Farben richtig, ignoriert aber das Weight. Beim FF werden die Optionen richtig dargestellt, aber die Voreinstellung nicht. Ich habe verschiedene Varianten probiert, z. B. dem Select einen Style zu geben, aber dann werden die Styles der Optionen ignoriert. Es ist nicht wichtig, dass die Optionen unterschiedlich aussehen, sondern nur was aktuell ausgewählt ist.

Irgendwo klemmt es bei mir. Kann mir bitte jemand auf die Sprünge helfen?

Herzlichen Gruß

Frank

[Azra]

Nimm mal die ganzen Inline-Styles raus und versuch das:

Code: Alles auswählen

option[selected]{font-weight:bold;color:#FF0000;}


[Azra]

Nimm mal die ganzen Inline-Styles raus und versuch das:

Code: Alles auswählen

option[selected]{font-weight:bold;color:#FF0000;}


Alles weitere, dass sich das "selected" nach Klick ändert ist soweit ich weiß nicht mit reinem CSS umsetzbar.