|
|
|
|
Bonjour,
Je suis désolée de poster une deuxième fois ce message mais j'avais mis l'autre dans Internet mais il a été noyé dans les message "MSN", donc je retente ici.
Voila je souhaiterais modifier la couleur de la barre de défilement d'un select ( liste déroulante).
On m'a dit que c'était impossible, qu'il fallait utiliser du Javascript, est ce quelqu'un en saurait un peu plus ?
Merci par avance de vos réponses
Maya
Salut,
var a=unescape("%3A-%29");
document.write(a); |
Ok. Je viens de trouver cette discussion:
select {.......}
Regarde a priori ça devrait marcher, tu trouveras pleins de caractéristiques pour la couleur de la barre de défilement :-) var a=unescape("%3A-%29");
document.write(a); |
Bjr
<html>
<head>
<style>
/* En utilisant l'id : la liste sera rouge */
select#maliste
{
width : 100px;
background: #FF0000;
color: #FFFFFF;
}
/* En utilisant la classe : la liste sera bleue */
select.maliste
{
width : 100px;
background: #0000FF;
color: #FFFFFF;
}
optgroup.groupeA
{
color : #FF0000;
}
optgroup.groupeB
{
color : #00FF00;
}
.opt1
{
color : #FF0000;
}
.opt2
{
color : #00FF00;
}
.opt3
{
color : #0000FF;
}
</style>
<head>
<body>
<form>
<p>Ceci est une liste rouge</p>
<select id="maliste">
<option value="option1">Choix 1</option>
<option value="option2">Choix 2</option>
<option value="option3">Choix 3</option>
<option value="option4">Choix 4</option>
</select>
<p>Ceci est une liste bleue</p>
<select class="maliste">
<option value="option1">Choix 1</option>
<option value="option2">Choix 2</option>
<option value="option3">Choix 3</option>
<option value="option4" class="OPT">Choix 4</option>
</select>
<p>Ceci est une liste muticolore</p>
<select>
<option value="option1" class="opt1">Choix 1</option>
<option value="option2" class="opt2">Choix 2</option>
<option value="option3" class="opt3">Choix 3</option>
</select>
<p>Toujours plus loin avec les listes</p>
<select class="maliste">
<optgroup label="Groupe A" class="groupeA">
<option value="option1">Choix 1</option>
<option value="option2">Choix 2</option>
<option value="option3">Choix 3</option>
<option value="option4">Choix 4</option>
</optgroup>
<optgroup label="Groupe B" class="groupeB">
<option value="option1">Choix 1</option>
<option value="option2">Choix 2</option>
<option value="option3">Choix 3</option>
<option value="option4">Choix 4</option>
</optgroup>
</select>
</body>
</html>
Notez que comme d'hab le rendu n'est pas exactement le même entre FF et IE PhP Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ... |
On peut aisement modifier directement la couleur dans le STYLE du select comme suit
|
Une idée qui vient très tard... Mais ayant mit du temps à trouver...
|