Imagen con una etiqueta de selección en html

¿Es posible colocar una imagen en una lista desplegable <select>?Imagen con una etiqueta de selección en html

I intentado el siguiente trozo de código

<select name="selection"> 
    <option><img src="dbdesign.jpg" alt="NOIMAGE"/>list1</option> 
    <option><img src="dbdesign.jpg" alt="NOIMAGE"/>list2</option> 
</select>

La salida muestra lista1 y list2 pero no está mostrando NoImage, que es la alternativa al src de imagen.

Fuente

2011-11-28 RAVITEJA SATYAVADA

creo. no puede agregar una imagen en una etiqueta de opción. En lugar de que pueda simular como un menú desplegable usando css y jquery – Anish

, consulte este http://stackoverflow.com/questions/1697996/image-in-select-element –

No puede agregar una imagen a una etiqueta de selección.

Puede crear menús personalizados utilizando CSS/HTML/Javascript, pero obviamente esto requiere mucho más trabajo.

Fuente

2011-11-28 08:47:11 tarmes

Se puede hacer, consulte la otra respuesta – Jimmery

Quizás esto te ayude un poco. Deberia de funcionar. Echar un vistazo a http://jsfiddle.net/jJfdr/4/

#selection option { 
 
    background: url('dbdesign.jpg') 0 0 no-repeat; 
 
    padding-left: 50px; 
 
    height: 30px; 
 
    background-size: 50%; 
 
}

<select id="selection"> 
 
    <option>list1</option> 
 
    <option>list2</option> 
 
</select>

Fuente

2011-11-28 08:52:46

Aunque no hubo cambios en página.! –

@RAVITEJA debería funcionar. por favor mira el enlace. –

¿Es este CSS 3? ¿Qué tipo de soporte de navegador tiene esto? – Jimmery

Imagen con una etiqueta de selección en html

Respuesta

Cuestiones relacionadas