Tag select

Bonjour,

Souvent on me demande de relooker le tag select, je devrais dire tout le temps.
Pour ce faire j'ai déjà utilisé plusieurs solutions, plugin jquery ou css.
Mais je n'ai pas encore trouvé la bonne solution, celle qui fonctionne parfaitement sur tout les navigateur.

Vous faites comment, vous avez un plugin ou une méthode css miracle ?
Modifié par srg404 (17 Jun 2013 - 10:11)

Personne ne relook les tag select ?

Bonjour,

pour personnaliser l'apparence des select et la rendre cohérente avec celle des input qui les jouxtent, oui. J'utilise http://isellsoap.github.io/forms.css/ que j'avais personnalisé (pas de line-height mais des paddings) et que je n'avais pas réussi à simplifier parce qu'il n'y a rien à simplifier ^^ (mais j'ai beaucoup appris sur cette cochonnerie de Chrome en tentant ça et les bizarreries moins prononcées des autres navigateurs).

Styler les option donc utiliser une liste de liens euh j'évite autant que faire se peut. Trop de problèmes d'accessibilité. Un collègue a fait ça dans un cas avec un select contrôlant un UL composant JS, ça fonctionne mais pfff que de complexité...

Le faire en css est surement une très bonne approche, c'est ce que j'ai fait sur un de mes dernier projet.
Mais j'ai quand même galéré pour avoir un résultat convenable sur IE8/7 et je suis loin d'être satisfait du résultat... c'est pour ça que je pensais m'orienté vers un plugin JS mais j'en trouve pas de parfait ils ont tous des inconvenients :'(

Mais peut'être suis-je passé a coté du saint Graal


PS: Merci pour http://isellsoap.github.io/forms.css/ je vais analyser ça dés que j'ai un peu de temps
Modifié par srg404 (17 Jun 2013 - 11:48)

Quelqu'un a t'il déjà testé ce plugin, est-ce une bonne solution de l’utiliser ?

http://adam.co/lab/jquery/customselect/