markiertes element in der dropdownliste farbig ändern

Status
Nicht offen für weitere Antworten.
C

Catscrash

Mitglied
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
 
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:
Code: 
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:
Code: 
<style type="text/css">
<!--
option:checked {
  background-image:url(rot.gif);
}
-->
</style>

Test: Mozilla- farbige gecheckte Option
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück