0

En google Contacts, al momento de seleccionar un pais, te muestra una lista de opciones con sus imagenes así:

imagen d google contacts

Al tratar de imitarlo con la etiqueta select y option simplemente no me muestra las imagenes pero si el texto

 <select class="form-select" name="owner" aria-label="Default select example">
      <option   value="1"><img src="../icon/google/youtube.svg" height="20"> valor 1</option>
      <option   value="2"><img src="../icon/google/youtube.svg" height="20"> valor 2</option>
      <option   value="3"><img src="../icon/google/youtube.svg" height="20"> valor 3</option>
</select>

introducir la descripción de la imagen aquí

al colocar la imagen fuera de las etiquetas select y option, si me muestra la imagen introducir la descripción de la imagen aquí

Entonces ¿Hay alguna manera de hacerlo, quizas con otra etiqueta?

3
  • Tu código debe ir como texto por favor
    – user128299
    Commented el 7 feb. 2021 a las 7:37
  • Tal vez te sirva esta respuesta
    – Triby
    Commented el 7 feb. 2021 a las 8:37
  • Simplemente puedes usar emojis para las banderas, como se explica en esta respuesta. Otra alternativa interesante sería FontAwesome, en el enlace hay también una respuesta que explica cómo hacerlo.
    – A. Cedano
    Commented el 7 feb. 2021 a las 11:06

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.