Usando chosen.js, ¿cómo agregaría imágenes a los elementos desplegables?Usando chosen.js, ¿cómo agregaría imágenes a los elementos desplegables?
7
A
Respuesta
7
Al establecer un background-image
de elementos de la lista de elegidas:
.chzn-results li {
background: url('path/to/img.png') no-repeat 3px center;
padding-left: 12px;
}
Ajustar el recuento de píxeles en consecuencia.
2
Para completar Joseph (No puedo añadir comentarios a su respuesta), la clase ha cambiado desde una versión desconocida: Aquí está la CSS correcto en v1.0.0:
li.active-result {
background: url('path/to/img.png') no-repeat 3px center;
text-indent:2em;
}
Thx José!
Cuestiones relacionadas
- 1. Chosen.js y validar jquery
- 2. Alternativas a enormes listas desplegables (24,000+ elementos)
- 3. ¿Cómo agregaría un título antes de la U usando wp_nav_menu?
- 4. jQuery Chosen.js - ¿cómo buscar en selección múltiple?
- 5. ¿Cómo agregaría un método a este patrón de complemento jQuery?
- 6. Usando los parámetros desplegables en el informe SSRS
- 7. ¿Cómo agregaría solo días hábiles a un NSDate?
- 8. ¿Cómo elimino todos los elementos secundarios usando linq a sql?
- 9. jquery obteniendo todos los valores desplegables
- 10. Estilo Elementos desplegables de la barra de acción Sherlock
- 11. ¿Cómo convertir imágenes a pdf usando PHP?
- 12. ¿Cómo reorganizar los elementos usando jQuery?
- 13. Imágenes vinculadas a imágenes agregadas a archivos resx usando XAML
- 14. CSS, sobrescribe la altura de todos los menús desplegables seleccionados?
- 15. Pseudo-elementos e imágenes
- 16. Agregar elementos a los generadores de pitón
- 17. Reajustar todos los menús desplegables seleccione
- 18. ¿Cómo modificar los metadatos EXIF para imágenes JPEG usando Coldfusion?
- 19. ¿Cómo adjuntas los eventos de clics a los elementos de la plantilla ExtJS?
- 20. ¿Cómo acceder a los elementos de lista
- 21. jQuery: ¿cómo recorro todos los elementos 'a'?
- 22. ¿Cómo doy estilo a los elementos ListView?
- 23. ¿Cómo accedo a los elementos del diccionario?
- 24. Ocultar opciones desplegables de formulario usando SOLO CSS
- 25. imágenes de salida a HTML usando pitón
- 26. Convertir archivo PDF a imágenes usando C#
- 27. ¿Cómo doy estilo a las listas desplegables de formularios?
- 28. Cajas desplegables dependientes de Jquery: cómo
- 29. usando git para imágenes
- 30. Cómo se desactivan los elementos <script> usando JavaScript
Esto no funciona para mí: http://jsfiddle.net/RVH8D/ – Richard
Solución: La regla CSS debe ser 'background not' background-image'. – Richard