Peut-on modifier le style d'un select?
Aki
-
FourreTout -
FourreTout -
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-)
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-)
A voir également:
- Peut-on modifier le style d'un select?
- Modifier dns - Guide
- Modifier style word - Guide
- Modifier liste déroulante excel - Guide
- Modifier l'extension d'un fichier - Guide
- Modifier story facebook - Guide
5 réponses
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é !
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é !
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 =-
Tu peux toucher à la poilce, au background (couleur), mais pas aux ascensseurs ni au bord.
-= Bobinours =-
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">
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">
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
A bientot
Chaps
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
http://jamielottering.github.com/DropKick/