[css] inset shadow op <select> element

[apNia]

Ik zit met een probleem, waar ik met Google geen oplossing voor kon vinden. Ik wil in een registratieformulier inset shadows gebruiken op zowel input fields als select fields. Ik krijg met geen mogelijkheid de inset shadow in de select.

Hier het voorbeeld: http://jsfiddle.net/VGWSc/ (bovenin kan je forken)

Zie ik iets over het hoofd?

[OkkE]

Volgens mij is het niet mogelijk.

Het <select> element is één van de vervelendste in dat opzicht, ontzettend weinig mogelijkheden tot stijlen. Ik ben bang dat je zelf een eigen <select> moet bouwen, wil je persé inset shadow.

[CoolGamer]

In Firefox 4 zien beide elementen hetzelfde eruit (de select heeft alleen een knopje om de lijst te openen). Misschien ondersteund je browser het niet.

[MueR]

Werkt hier hoor? FF4.0.1

edit:
CoolGamer jij voorkruipert

[Voor 45% gewijzigd door MueR op 20-06-2011 14:25]

[apNia]

IE9 (8 niet) en FF4 kunnen er wel mee omgaan, maar Chrome en Safari niet. Is daar iets aan te doen? Of wachten tot de webkit boys het oplossen?

[OkkE]

Hier met WinXP + Chrome (12.0.742.100) werkt het niet. Met Firefox (4.0.1) wel. Met Opera (11.11) niet. En uiteraard werkt het ook sowieso niet op OS X.

apNia schreef op maandag 20 juni 2011 @ 14:29:
IE9 (8 niet) en FF4 kunnen er wel mee omgaan, maar Chrome en Safari niet. Is daar iets aan te doen? Of wachten tot de webkit boys het oplossen?

Ik denk inderdaad wachten op de WebKit boys. Of de select zelf gaan bouwen met Javascript (wat je eigenlijk ook niet wil).

[Voor 55% gewijzigd door OkkE op 20-06-2011 14:31]

[apNia]

Via -webkit-appearance: none kan je de default layout van elements resetten en pikt ie het wel. Helaas gooit ie daarmee ook wel het pijltje weg, dus dat zou dan in een background image moeten.