Background-image dans <option> d’un select [Résolu]

Bonjour,

j’ai une image que j’applique en fond d´écran à des balises options d’un champ select comme dans cet exemple en ligne
http://lab.artlung.com/form-image-background/
elle n’apparait que dans les navigateurs gecko tel que firefox.
Y’a-t-il des solutions (mêmes basées sur javascript) pour le rendre compatible sur les autres navigateurs ?

Voici mon code

<select>
<option style="background:url('http://www.webcssdesign.com/wp-content/uploads/2009/06/free-icons-flags.jpg') -377px -10px no-repeat;height:48px;padding-left:80px">Molvanie</option>
<option style="background:url('http://www.webcssdesign.com/wp-content/uploads/2009/06/free-icons-flags.jpg') -377px -136px no-repeat;height:48px;padding-left:80px">République très très démocratique du Gondwana</option>
<option style="background:url('http://www.webcssdesign.com/wp-content/uploads/2009/06/free-icons-flags.jpg') -377px -78px no-repeat;height:48px;padding-left:80px">Vanille et Chocolat</option>
</select>

Modifié par adrien881 (10 Aug 2012 - 19:33)

salut,

http://davidwalsh.name/webkit-appearance

pour t'aider

J’ai déjà essayé

select, option {
	-webkit-appearance:none
}

sans succès.
Modifié par adrien881 (09 Aug 2012 - 20:20)

Cela non foncionne pas sur les éléments option mais sur le select.

Sinon tu peux voir ce script http://v2.easy-designs.net/articles/replaceSelect/

Merci SuperMerguez,

dommage que seul firefox permette de mettre des backgrounds dans les options sans utiliser javascript. Y’a-t-il un espoir que les autres navigateurs dans l’avenir l’intègre ?