Bonjour a tous, mon probleme est le suivant je veux personnaliser un select et en cherchant sur le net j'ai trouvé mon bonheur en css et en javascript seul petit probleme avec le css. il applique les changements a tous les select normal vu que c'est directement sur la balise select que j'agi en voici le code:
N'etant pas expert en css je me demande s'il y a possibilité de changer ce code de maniere a ce que je puisse changer la taille d'un select et pas tous a la foix cela etantpour moi le principal probleme. Merci a tous ceux qui s'aurontz m'aider.
<style type="text/css">
body {
font: 80% "Trebuchet MS", verdana, helvetica, arial, sans-serif;
}
input {
display: block;
margin: 0 0 10px;
border: 1px solid #666;
color: #999;
}
legend {
font-size: 1.2em;
font-weight: bold;
}
label {
display: block;
font-weight: bold;
color: #666;
}
select {
display: block;
width: 300px;
}
select.replaced {
display: none;
}
ul.selectReplacement {
background: url(top.jpg) top left no-repeat;
margin: 0;
padding: 0;
height: 1.65em;
width: 300px;
}
ul.selectReplacement li {
background: #cf5a5a;
color: #fff;
cursor: pointer;
display: none;
font-size: 11px;
line-height: 1.7em;
list-style: none;
margin: 0;
padding: 1px 12px;
width: 276px;
}
ul.selectOpen li {
display: block;
}
ul.selectReplacement li.selected {
background: url(bottom.gif) bottom left no-repeat;
color: #fff;
display: block;
}
ul.selectOpen li.selected {
background: #9e0000;
display: block;
}
ul.selectOpen li:hover,
ul.selectOpen li.hover,
ul.selectOpen li.selected:hover {
background: #9e0000;
color: #fff;
}
</style>
N'etant pas expert en css je me demande s'il y a possibilité de changer ce code de maniere a ce que je puisse changer la taille d'un select et pas tous a la foix cela etantpour moi le principal probleme. Merci a tous ceux qui s'aurontz m'aider.