[Résolu] Personnaliser un champ select

Bonjour à tous,

J'ai ajouté dans mon code ceci :

* { margin:0px; padding:0px; }

Tout fonctionne, les marges et padding sont supprimées.

Cependant, voici ce qui se passe sur un champ select :
http://www.mezimages.com/up/06/min-184335-screen1.png

Et sans le code css :
http://www.mezimages.com/up/06/min-184346-screen2.png

Je n'arrive pas à jouer sur les padding afin de retrouver le même effet, une idée ?

Merci d'avance
Modifié par Snoopy17 (06 Jun 2007 - 13:47)

Salut,

C'est le problème principal d'une réinitialisation des styles basée sur le sélecteur universel : les éléments de formulaire deviennent incontrôlables. Le cas particulier que tu présentes se règle assez facilement, je crois, en rajoutant du padding à droite des <option>, mais bien d'autres effets de bord dûs à la petite étoile ne seront pas aussi faciles à pallier.

PS : Eric Meyer a traité récemment cette question dans un article que je ne saurais trop te recommander .

A+

marcv : Merci pour le lien, c'est un article particulièrement intéressant.

Florent V. a écrit :
c'est un article particulièrement intéressant

C'est clair. J'irais même jusqu'à dire que c'est déjà une référence.

Merci à vous, ça marche super !

Hop un résolu de plus