<option selected>: Wie kriege ich das bunt?

[black-hat]

Also, es geht um folgenden code:

<select>
<option style="background-color:#FF0000" selected value="#FF0000"></option>
<option style="background-color:#00FF00" value="#00FF00"></option>
<option style="background-color:#0000FF" value="#0000FF"></option>
</select>

Wie man sich denken kann, ist jedes "option" mit einer Hintergrundfarbe versehen. Ebenso das Selected.


Und hier mein Problem: Obwohl das selected ebenso eine Option mit einer HG-Farbe besitzt, wird es bei der Auswählung nicht angezeigt...



(Links: So wie es ist | Rechts: So wie ich das gerne hätte)

Frage: Wie löst man das Problem?

 

[cythux]

AW: <option selected>: Wie kriege ich das bunt?

So sieht eine saubere Lösung ohne instyle Css aus

http://stackoverflow.com/questions/8430279/how-to-style-the-option-with-only-css

 

[black-hat]

AW: <option selected>: Wie kriege ich das bunt?

Hallo Danke für deine Schnelle antwort. Ich sehe jedoch nur, dass eine option ausgewählt wird, bzw die hintergrundfarbe der option

option {color:#6666;font-weight:bold; padding:5px}
option:hover {color:blue}
option {border:1px solid green}

ich meinte jedoch nicht die option, sondern die "option selected" also jene option, die von anfang an ausgewählt wurde.

 

[cythux]

AW: <option selected>: Wie kriege ich das bunt?

eventuell geht geht es ja mittels Pseudeelmenten :nth-child usw

 

[black-hat]

AW: <option selected>: Wie kriege ich das bunt?

:nth-child, so wie allgemein wie first-child und last-child sind ja in diesem sinne ja nicht erheblich. schließlich, kann ich genauso gut eine andere option als selected auswählen, wenn ich es wünsche.

es geht mir einzig allein nur um jene option, die ich selected habe (und falls man nachfragt: im CSS habe ich das auch so angegeben, dass das selected ebenfalls rot sein soll. konkret:

selected [value="#FF0000"] {background-color:#FF0000}

 

[lucifer-bw]

AW: <option selected>: Wie kriege ich das bunt?

Mit jquery wird's möglich:

http://jsfiddle.net/davidgiesemann/LrVCP/

 

[black-hat]

AW: <option selected>: Wie kriege ich das bunt?

Mit jquery wird's möglich:

http://jsfiddle.net/davidgiesemann/LrVCP/

zu cool! Danach habe ich gesucht!!!! - Und es ist nur mit jquery bzw. javascript möglich?

 

[lucifer-bw]

AW: <option selected>: Wie kriege ich das bunt?

Ja, ich denke ohne Javascript wird das nichts..

Hier noch eine Version, bei der die Sache auch für mehrere Select-Boxen funktioniert:

http://jsfiddle.net/davidgiesemann/LrVCP/6/

 

[black-hat]

AW: <option selected>: Wie kriege ich das bunt?

Alles klar Dann danke ich dir wirklich recht herzlich für die Antworten!