Menu

Peut-on modifier le style d'un select? [Fermé]

- - Dernière réponse :  FourreTout - 5 sept. 2012 à 14:09
Pour adapter le design des controles html au reste du site (couleur et taille des bordures) , j'ai utilisé les propriétes "border" des controles.

Pour les "Textbox" cela s'est déroulé sans encombres.

Malheureusement pour la liste déroulante (SELECT), ce controle ignore les paramètres que je lui ai donnée.

Est-il possible de changer la couleur de la bordure de ce controle ???

Merci d'avance

Aki-)
Afficher la suite 

5 réponses

Meilleure réponse
13
Merci
Bonjour,

si tu peux personnalisé le select comme tu veux.
Y a que la flèche que j'arrive pas à masquer ou modifier.
Tout le reste est modifiable.

Par exemple tu peux modifier la couleur de fond, la bordure, la couleur du texte etc...

Il suffit de mettre :

<select style="width:150px;font-family:calibri;font-size:16px;font-style: bold;margin-right:50px;background:none;color:white;border:none">
<option selected>Option que sera affiché par defaut</option>
<option>Les autres select qui s'afficheront dans le menu deroulant</option>
</select>

Avec un style=" " dans le <select> tu modifie ce que tu veux.

Là j'ai mis un fond transparent et un pas de bordure au select...
j'espère vous avoir aidé !

Dire « Merci » 13

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 56658 internautes nous ont dit merci ce mois-ci

Le plugin Jquery DropdKick est disponible pour modifier les sélecteurs

http://jamielottering.github.com/DropKick/
Messages postés
2915
Date d'inscription
jeudi 26 avril 2001
Dernière intervention
21 mars 2013
599
4
Merci
Non, le <select> est encore très peu modifiable.
Tu peux toucher à la poilce, au background (couleur), mais pas aux ascensseurs ni au bord.

-= Bobinours =-
4
Merci
Une idée qui vient très tard... Mais ayant mit du temps à trouver...

J'ai pu modifier les contours du select avec le css suivant :

input.Champ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
text-transform: uppercase;
color: #000000;
text-decoration: none;
background-color: #ffcc99;
}

Puis la couleur du select directement dans la balise :
<select style="width:211px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; text-transform: uppercase; background-color: #ffcc99" name="Service">
Messages postés
34
Date d'inscription
mercredi 15 mai 2002
Dernière intervention
7 juin 2002
3
2
Merci
bah il me semble que wai ... mais je suis pas sur ... par contre, je sais que tu ne peux pas modifier la fleche qui fait derouler le select ... tu peux changer la couleur du background, la police etc ... la bordure aussi (theoriquement)

A bientot

Chaps
Théoriquement oui, mais ca marche pas.
pourtant il y a des proprietes de controle dans interdev telles que "ScrollbarArrowColor", je suis pas une bête en anglais mais c 'est assez expressif quand meme
scrollbarArrow je pense que c'est celle de l'ascenseur la fenetre du navigateur ;)
1
Merci
http://bavotasan.com/2011/style-select-box-using-only-css/