image ajoutée dans l'option

Question

Quelqu'un peut-il me dire comment puis-je ajouter une image dans zone Sélectionner

HTML

<option id ="OP_{$LANG.MY_ID}" class="boardDialog" style="font-size:12px" value="OP_{$LANG.MY_ID}"> 

CSS

.boardDialog{ 

    background-image: url(../images/Work_Board_Member.png); 
    background-repeat: no-repeat 
} 

Cela fonctionne très bien sur Mozilla mais ne fonctionne pas dans IE et Google Chrome. Quelqu'un peut-il me dire comment puis-je faire cela google chrome

Answer 1

ce n'est pas possible dans IE et probablement chrome. La seule vraie solution consiste à créer une liste déroulante faux en utilisant javascript, mais ce n'est pas vraiment conseillé - sauf si elle se dégrade gracieusement.

Answer 2

Vous ne pourrez pas utiliser cette fonctionnalité en utilisant l'étiquette de sélection. Vous devez faire un contrôle personnalisé pour cela.

Voici un exemple

Combobox with icons:

On trouve également une question similaire SO

Image Dropdownlist

Answer 3

+1 avec seengee, à l'exception du non seulement souhaitable. Vous pouvez implémenter ce type de "contrôle" sur votre site web, cela dépend de la façon dont vous le faites.

Vous créez une liste déroulante à l'aide de javascript, mais la page doit fonctionner correctement, en utilisant une liste déroulante normale, si quelqu'un propose un javascript désactivé, ou un appareil mobile.

Vous pouvez voir ce genre de cette liste déroulante sur facebook, ou "web 2.0 javascript ajax plein de merde" sites.