cómo mostrar la imagen en la lista desplegable en el ejemplo de código html

Bienvenido a nuestro sitio web, ahora hallarás la solucíon de lo que buscas.

Ejemplo: cómo poner una imagen en un html desplegable

<selectname="countries"id="countries"class="icon-menu"><optionvalue="">Select a Countryoption><optionvalue="US">USAoption><optionvalue="IN">Indiaoption>select>


CSS

select.icon-menu option 
background-repeat:no-repeat;
background-position:bottom left;
padding-left:30px;

select#countries option[value="US"] 
background-image:url(flags/usa.png);

select#countries option[value="IN"] 
background-image:url(flags/india.png);

Eres capaz de añadir valor a nuestra información aportando tu experiencia en las acotaciones.

---

---

Utiliza Nuestro Buscador