[CSS3] - SelectBox mit 2 Farben

[goto;]

Hallo zusammen,

ich habe vor einige Select-Boxen zu "verschönern".
Wenn die Select-Box geschlossen ist, soll die BG-Color standardmässig sein.

Sobald man diese Box öffnet, soll diese Select-Box an sich, 2-farbig sein.

Ich habe mein Vorhaben mal als Beispiel angehangen.




Bisher habe ich es mit folgenden CSS versucht, jedoch ohne erfolg.

<style>
select { background: -moz-linear-gradient(left,  #9bc7de 0%, #9bc7de 78%, #ffffff 78%, #ffffff 100%); }
</style>

Weiß jemand rat?

LG Splater


EDIT: Stelle fest, im FF funktioniert es Problemlos. Opera macht tortzdem noch zicken.

 

[hela]

Hallo,
vielleicht hilft dir das weiter: Styling form controls with CSS, revisited

 

[tombe]

Eventuell hilft dir ja die focus-Eigenschaft weiter. Ist nicht ganz das was du willst aber zumindest nah dran.

So bald die Liste den Fokus bekommt, kannst du damit die Hintergrundfarbe ändern, wenn der Fokus zu einem anderen Element wechselt, wird die Standardfarbe eingestellt.