Estoy usando el Bootswatch Cyborg theme de Twitter Bootstrap library. Sin embargo, el tema Cyborg tiene un fondo oscuro y colores de primer plano claros, una apariencia negativa de los valores predeterminados de Bootstrap. El conjunto de iconos PNG supone un fondo claro y no se muestra en el tema Cyborg. ¿Hay un icono correspondiente configurado para fondos oscuros? No pude encontrar uno en el sitio Glyphicons '. ¿Hay algún truco fácil para convertir los iconos en el color negativo?¿Cómo puedo hacer que los iconos de Bootstrap funcionen en un fondo oscuro?
7
A
Respuesta
17
Agregue la clase de icono blanco al icono de arranque y será blanco oscuro.
gustan:
<i class="icon-search icon-white"></i>
Esto funciona para Bootstrap 2 como se ve en http://twitter.github.com/bootstrap/base-css.html
Cuestiones relacionadas
- 1. Hacer que los scripts de Python funcionen en MAMP
- 2. Cómo hacer que los sinónimos de solr funcionen
- 3. ¿Cómo puedo hacer que los métodos funcionen como devoluciones de llamada con los tipos de python?
- 4. ¿Cómo hacer que los enlaces débiles funcionen con GCC?
- 5. Cómo hacer que los GIF animados funcionen desde Android WebView
- 6. Python: ¿Cómo puedo hacer que los códigos de escape ANSI funcionen también en Windows?
- 7. Hacer fondo transparente de iconos de Android en eclipse
- 8. bootstrap css: cómo hacer un diálogo modal modal sin afectar al fondo
- 9. Escribiendo un compilador: ¿cómo hacer que funcionen plantillas simples?
- 10. imshow e histogram2d: no puedo hacer que funcionen
- 11. Hacer que los scripts de Python funcionen con xargs
- 12. ¿Cómo hacer que las cadenas de cantidad rusas funcionen correctamente?
- 13. Cómo hacer que las transacciones funcionen en Grails
- 14. Hacer que PLINQ y BlockingCollection funcionen juntos
- 15. ¿Cómo puedo hacer que las tuberías de horquilla funcionen en Perl en Windows?
- 16. Hacer que las transformaciones Web.config funcionen localmente
- 17. ¿Cómo hacer que los selectores de CSS funcionen en Developer Tools for Chrome 17?
- 18. ¿Cómo uso los iconos provistos con la SDK WP7 correctamente?
- 19. ¿Cómo puedo hacer que watir-webdriver y safariwatir funcionen en conjunto?
- 20. Cómo puedo hacer que Internet Explorer no cambia los colores en mis imágenes PNG
- 21. Cómo hacer que los permisos de grupo funcionen en Django-nonrel para Google App Engine
- 22. ¿Cómo puedo hacer que mis videos incrustados funcionen en Kindle Fire?
- 23. ¿Cómo hacer que los enlaces de anclaje funcionen en Jquery Mobile?
- 24. Hacer que los efectos de transición de CSS funcionen en todos los navegadores
- 25. ¿Cómo consigo que los PNG funcionen en D2009?
- 26. Hacer que los raíles etiqueten los complementos para que funcionen me hace Hulk-angry
- 27. ¿Cómo consigo que los filtros Hibernate funcionen en JPA?
- 28. ¿Cómo cambio los colores en SharpDevelop a un tema oscuro?
- 29. ¿Cómo hacer que la cobertura de maven y los plugins surefire funcionen juntos?
- 30. ¿Cómo hacer que QGraphicsItem muestre el fondo en un QGraphicsScene?
Wow, me había pasado por alto totalmente eso. ¡Gracias por señalar esto! Parece que Bootstrap también tiene una galería de iconos de base blanca. –
¿Hay alguna manera estándar de hacer lo mismo con el ícono class = "close"? – NPC
Suponiendo que estés hablando de .close en modales y aún hablando de boostrap 2: La x en .close es un símbolo de fuente y no un ícono. Puede establecer su color aplicando una simple regla de color: css. – guax