Select Menü / Quicklink / Quicknav Option Hovereffekt ändern

[Skipman]

Hallo zusammen!

Ich weiß nicht, ob ich hier im richtigen Forum bin, aber da es sich grundsätzlich um ein Formularelement handelt, hoffe ich es.

Hier mein Problem:

Egal ob in der Quicklink Navigation oder in der Quicknav (und auch dem Formularfeld "Select") wird beim "drüberfahren" mit der Maus (also hover) über die Optionen der Hintergrund hellblau (#3399ff) und die Schrift weiß (#fff).

Diese Farbkombination weißt eine Helligkeitsdifferenz von 120 (WCAG Minimum 126) und eine Farbdifferenz von 306 (WCAG Minimum 501) und eine Kontrastratio von 2,94:1 (WCAG Minimum Level AA 4,5:1; Level AAA 7:1) auf.

Dieses möchte ich ändern, finde aber absolut keinen Anhaltspunkt, wo das angepasst werden kann Konkret brauche ich es zwar in Quicklink / bzw. Quicknav da die Farben aber in allen Select-Elementen unabhängig vom Ursprung gleich sind, denke ich mal, dass das zentral gesteuert wird.

Ich hoffe, Ihr könnt mir da weiterhelfen!

Lieben Dank schon mal!

LG Skipman

[melzebub]

Das sollte via CSS editierbar sein. Was du Beschreibst klingt aber nicht nach einem Browserstandard. Zumindest habe ich das so noch nicht gesehen. Demnach müsste es als bereits irgendwo definiert sein. Du kannst aber auch mit dem Chosen Skript arbeiten. Damit sind dann umfangreiche Änderungen möglich.
Wenn du einen Link bereitstellst, könnte man sich das mal ansehen.

Gruß
Stefan

[Skipman]

Das sollte via CSS editierbar sein.

Das denk ich auch. Ich bin aber mit Firebug nur bis zum Feld <select> selbst gekommen, dass in den system/scripts/"unmerkbar".css gestylt ist. Wie und vor allem wo die <option> gestylt wird, bleibt mir verborgen.

Wenn du einen Link bereitstellst, könnte man sich das mal ansehen.

http://www.pyhracon.gecko-it.at ist die Entwicklungsseite.

Danke fürs mitsuchen

[melzebub]

http://www.pyhracon.gecko-it.at/tl_f...en/content.css

Zeile 265

option.hover, option:hover {
background: #1240A7;
color:#fff;
}


Hilft dir das weiter?

edit: hm, so live Änderungen bewirken nichts. schätze mal es liegt am skript. Hast du dort Chosen eingebunden? Das Selectfeld sieht so aus. Dann gibt es eine CSS im pluginordner die die boxen styled. Ich glaube der Ordner heißt stylect.

[Skipman]

Die Zeile 265 ist leider mein ungültiger Versuch

Ich habs auch mit der Klasse .tl_subpanel probiert, ebenfalls ohne Erfolg

Die stylect.css müsste ja fast die richtige Adresse sein, zumindest wird da das <select> Element selbst gestyled. Nur das styling der Optionen find ich da einfach nicht.

[melzebub]

das scheint so nicht zu funktionieren. Man kann die <option> nicht via css bearbeiten. Das was du siehst ist der Standard Browser Farbton.

vielleicht kannst du damit was anfangen:
http://www.lorenzostanco.com/lab/dem...lect/Demo.html

[Skipman]

Das Script könnte mir tatsächlich weiterhelfen.

DANKE Stefan!