imagen adicional en la opción

Question

¿Puede alguien decirme cómo puedo añadir una imagen en Seleccionar cuadro

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 
} 

Esto está trabajando muy bien en Mozilla, pero no funciona en IE y Google Chrome. ¿Alguien me puede decir cómo puedo hacer esto Google Chrome

Answer 1

esto no es posible en IE y probablemente Chrome. La única solución real es crear un menú desplegable falso usando JavaScript, pero esto no es realmente recomendable, a menos que se degrade graciosamente.

Answer 2

No podrá lograr esta funcionalidad utilizando la etiqueta de selección. Tienes que hacer un control personalizado para esto.

Aquí es un ejemplo

Combobox with icons:

también encontraron una cuestión de forma parecida

Image Dropdownlist

Answer 3

+1 con seengee, a excepción de la que no sólo es aconsejable. Puede implementar este tipo de "control" en su sitio web, depende de cómo lo haga.

Crea un menú desplegable usando javascript, pero la página tiene que funcionar bien, usando un menú desplegable normal, si alguien presenta javascript deshabilitado o un dispositivo móvil.

Puede ver este tipo de menú desplegable en Facebook, o sitios web "javascript javascript ajax lleno de mierda".