Können Sie mehrere Schriftfarben im ausgewählten Feld haben?

Question

Ist es möglich, ein HTML-Auswahlfeld zu haben, in dem der OPTION-Text verschiedene Farben hat?

Ich habe versucht, mit einem CSS-SPAN-Element den Text zu färben, aber das scheint nicht zu funktionieren.

Irgendwelche Ideen?

UPDATE: Hinweis, ich versuche, mehrere Schriftfarben auf der gleichen OPTION Reihe zu haben. Ich habe einige Tutorials gesehen, wie man die ganze OPTION Zeile style, aber ich versuche, Elemente innerhalb der selbe Optionszeile zu stylen.

Answer 1

Versuchen Sie, die option Elemente selbst stylen:

<option style="…">Label</option> 

Aber ich bezweifle, dass Browser viel Styling dieser Elemente unterstützen.

---

bearbeiten

ich mehrere Schriftfarben auf der gleichen OPTION Reihe haben bin versucht.

das nicht möglich ist, wie die option element nur Text als Inhalt erlaubt es:

<!ELEMENT OPTION - O (#PCDATA)   -- selectable choice --> 

Answer 2

Sie können sich wahrscheinlich tun es nicht mit einem Plain-Vanilla-Auswahlliste. Es wäre jedoch wahrscheinlich möglich, Javascript + HTML + CSS zu verwenden, um Ihre eigene "Auswahlliste" zu erstellen, indem Sie einfach div- und span-Elemente verwenden und onclick und onmouseover javascript korrigieren. Wäre viel schwieriger, aber wenn es wirklich wichtig ist, könnte es wahrscheinlich funktionieren.

Answer 3

Warum müssen Sie nicht auf jede Zeile wie folgt ein Hintergrundbild setzen:

<option style="background-image: multicolorimage.jpg>some text</option> 

sorry, falsche Antwort. Zuerst habe ich nicht verstanden, was Sie versuchen, so ignorieren Sie meine Post :)

Answer 4

Nein, aber Sie können Sachen wie http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/ verwenden, die ihre eigenen selectbox mit Button und Span Tags erstellt.