inserer une image dans une liste deroulante (select)

[titan_33]

Bonjour

J'ai besoin d'une liste deroulante(select) avec des items (option) contenant des images comme ci-dessous

listeavecimage..jpg

Voici le code HTML

Code :

1
2
3
4
5
6
7
8
 
<select>
  <option>Volvo</option>
  <option>Saab</option>
  <option disabled="disabled">Mercedes</option>
  <option class="icone1">Ici mon image</option>
  <option>Audi</option>
</select>

voici le code CSS

Code :

1
2
3
4
5
6
7
option.icone1 {
	padding-left: 60px; /* un peu plus large que l'image */
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../Img/AMV/temporisation-verte.gif);
}

Super, je suis content .... mais ça ne marche que sous FireFox.
J'ai essayé IE, Chrome et Safari ... je n'ai pas d'image.

Quelqu'un aurait-il la solution compatible à tous ces navigateurs.

Merci beaucoup pour votre aide.

Titan

[Bovino]

Pas possible en HTML.
Créer un plugin jQuery : une liste déroulante personnalisée

[titan_33]

Merci Bovino