Le contrôle select n'est pas facile à gérer avec CSS !
Ceci peut être réalisé en écrivant width:??px;
height:??px; Ceci ne peut pas être obtenu. La hauteur ne peut être modifiée qu'en ajustant la taille de la police à l'intérieur.
L'arrière-plan peut être obtenu, mais l'utilisation d'une image d'arrière-plan n'est pas possible.
La bordure de select est bleue par défaut et elle ne peut pas être modifiée à l'aide de l'attribut border de CSS. La bordure ne peut être modifiée que via le camouflage.
Idée : créez d'abord un calque avec la bordure attendue et placez la sélection à l'intérieur. La taille de la sélection est légèrement plus grande que le div, de sorte que le contenu au-delà du calque soit masqué et que la bordure de la sélection soit couverte.
<div style="border:solid 1px #ffcc00; width:100px; height:20px;overflow:hidden;">
<select name="select" style="width:105px; height:25px; margin-left:-1px; margin-top:-1px;"
<option value="1">Membre ordinaire</option>
<option value="2">Niveau 2 ou club local</option>
<option value="3">Association</option>
</sélectionner>
</div>
En utilisant cette méthode, vous pouvez effectuer la sélection sans bordure ou modifier la bordure. Mais cela n'est limité qu'à l'état de liste de la sélection. Lorsqu'elle est affichée dans l'état multiple, il y aura une trace de la sélection. limite de profondeur de trame dans IE et dans FF Pas là ! Votre petit gars est si difficile à contrôler !