[HTML/JS] Wie Hover-Farbe einer Select-Box ändern/entfernen?

[Matze]

Hallo zusammen,

ist es mit CSS1/CSS2 oder JS möglich, die Hoverfarbe einer HTML-Select-Box zu ändern oder ganz zu entfernen?
Ich meine diese Farbe, wenn ich mit der Maus über die Einträge fahre (in Windows-Klassisch wäre es dunkelblau).

Code:

<select>
    <option value="...">...</option>
    <option value="...">...</option>
    <option value="...">...</option>
</select>

Falls das gehen sollte, hätte ich gerne eine Lösung, die ich direkt zwischen "<option" und "</option>" schreiben kann.

Geht sowas?

Grüße, Matze

[DeddyH]

Nicht ausprobiert, aber schau mal hier.

[Matze]

Hallo Detlef,

falls du die CSS-Eigenschaft "focus" meinst, die funktioniert im IE nicht und die Referenz (css4you) sagt dazu:

Zitat:

focus ist für Formularelemente vorgesehen, um das Format für Elemente zu bestimmen, die den Fokus haben. Felder erhalten den Fokus, wenn du sie mit der Maus anklickst oder mit der Tabulatortaste aktivierst und behalten ihn solange, bis ein anderes Element ausgewählt wird.

Bei mir ist es aber eher die Hoverfarbe, da habe ich mich wohl falsch ausgedrückt.
Ich editiere das mal.

Grüße, Matze

Edit: Durch meine Beschreibung habe ich es eigentlich doch nicht falsch ausgedrückt, merke ich gerade.

[DeddyH]

Einen hab ich noch (allerdings ist da wohl ein Hack mit Bild nötig): http://trash-wissen.de/2007-05-07/ho...mit-purem-css/

[Matze]

Hallo Detlef,

dort steht, dass dies im IE nur mit einem Zusatzskript funktioniert. Außerdem kommen die Farben aus einer PHP-Datei und da möchte ich nicht dynamisch noch Grafiken erzeugen. Das wäre etwas übertrieben. Dennoch danke.

Grüße

[DeddyH]

Ich finde da nur einen statischen URL zum Hintergrundbild.

Zitat:

Code:

option:hover {background: url(http:/trash-wissen.de/example.gif);}

[quendolineDD]

Der blaue Highlight des Textes scheint kein Background zu sein, da die Eigenschaft Background-Color und Color (für den Text) gar nicht auf Veränderungen reagiert.