markiertes element in der dropdownliste farbig ändern

[Catscrash]

Huhu,

also, mein Problem findet ihr auf dieser Seite http://www.catscrash.de/test.html

und zwar suche ich eine Möglichkeit die Farbe die eine Option annimmt wenn man mit der Maus drüberfährt zu ändern. Normalerweise wird die ja durchs Windows-schema festgelegt, kann man das irgendwie fixieren?

Greetz
Catscrash

 

[Maik]

Meines Wissens ist das mit CSS nicht möglich.

 

[Sven Mintel]

Zumindest im Mozilla geht es mit einem kleinen Trick:

Gecko-Browser kennen die Pseudoklasse :checked ....
option:checked betrifft somit die grad ausgewählte Option.

Allerdings hat die Sache einen Haken: im User-Stylesheet(forms.css) steht bereits:

option:checked {
  background-color: Highlight ! important;
  color: HighlightText ! important;
}

...durch das !important kann diese Angabe von einem Author-Stylesheet nicht überstimmt werden...hier kommt der Trick zum Zuge:
Erstelle eine kleine Grafik in der gewünschten Farbe, und weise diese als Hintergrundbild zu:

<style type="text/css">
<!--
option:checked {
  background-image:url(rot.gif);
}
-->
</style>

Test: Mozilla- farbige gecheckte Option