Tengo una lista desplegable. Quiero agregar imágenes junto con eso. Traté de agregar la etiqueta img
dentro de la etiqueta tha option
... Pero aún así las imágenes no se muestran. ¿Cómo lo hago usando la etiqueta option
?Agregar imágenes con la etiqueta de opción
15
A
Respuesta
22
No es posible, como <option>
only supports text.
Es posible que deba activar su propio control desplegable utilizando HTML/CSS/JavaScript complejos. Cómo hacerlo puede o no estar dentro del alcance de su pregunta.
Como alternativa, puede usar un background-image
no repetitivo y aplicar algo de relleno en el texto para lograr un efecto similar. Pero si cada <option>
va a tener una imagen única, su código se verá contaminado con un atributo style
por cada <option>
. Si no te importa eso, está bien. De lo contrario, hazlo de alguna manera.
Cuestiones relacionadas
- 1. Alinear el botón de opción con la etiqueta correspondiente
- 2. @ Html.DropDownListFor ¿Cómo agregar la opción?
- 3. Reemplazo de botones de opción con imágenes diferentes
- 4. Resolviendo conflictos con egit. Sin la opción "Equipo -> Agregar"
- 5. Agregar la opción deshabilitada en codeigniter form_dropdown
- 6. cómo agregar una etiqueta h1 con gwt
- 7. rieles Formtastic: añadir campo "Data-" a la etiqueta de opción
- 8. Agregar imágenes al html con javascript
- 9. carriles Seleccionar etiqueta de formulario - ¿Cómo agregar una opción predeterminada "Todos"?
- 10. Entrada Rails AtomFeedBuilder: la opción Url aparece en la etiqueta url, pero no en la etiqueta
- 11. Magento - Agregar varios tipos de imágenes con un producto
- 12. Etiqueta Div dentro de la etiqueta img
- 13. Agregar imágenes al recipiente
- 14. Agregar etiqueta a UITextField
- 15. ¿Cómo obtener la etiqueta de la opción de selección con jQuery?
- 16. vim: Agregar etiqueta seleccionable
- 17. Establecer la opción seleccionada en la etiqueta de selección existente con jstl
- 18. agregar imágenes a UItableView
- 19. cómo agregar la etiqueta a THREE.Mesh?
- 20. ¿Cómo agregar la opción de búsqueda a Android Spinner?
- 21. ¿Cómo agregar la opción de desinstalación en .NET Setup Project?
- 22. Cómo agregar imágenes al lienzo
- 23. ¿Cómo agregar una nueva opción antes de la última opción de una selección?
- 24. cómo obtener el Índice de Seleccionar-> etiqueta de opción
- 25. Uso de "etiqueta para" en los botones de opción
- 26. Agregar imágenes dinámicamente a photoswipe
- 27. Agregar imágenes al código fuente
- 28. ¿Cómo agregar un color de fondo a la opción HTML?
- 29. Agregar borde a las imágenes
- 30. Etiqueta de asociación y botón de opción en Rails
pero 'background-image' no funciona en todos los navegadores .. –
deadlink deadlink – Ash
@Ash [Aquí] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) es un nuevo enlace –