Creo que el menú desplegable de Twitter Bootstrap es muy desagradable, ¿cómo puedo desactivar Bootstrap solo para el widget de selección? ¿O es posible personalizar la apariencia del menú desplegable de selección?Estilo personalizado para Bootstrap seleccione
Respuesta
puede sobrescribir el estilo CSS, simplemente añadiendo su propio, por ejemplo:
select {
background: #333333;
}
Este es un ejemplo muy básico, pero es sólo un ejemplo de cómo se puede personalizar a su gusto.
Compruébelo usted mismo: http://silviomoreto.github.com/bootstrap-select/
Usted puede cambiar el color del botón desplegable a través de las diferentes clases. Y si quiere otro color, simplemente anule en css. Por ejemplo:
.btn {
background-color: #FFF;
}
¿Cómo cambio el color del borde de selectPicker a través de Javascript? por favor mira esta pregunta http://stackoverflow.com/questions/38851856/how-to-change-border-color-of-bootstrap-select –
- 1. estilo personalizado para TabWidget
- 2. Rails, seleccione helper, agregue estilo
- 3. Listdivider de estilo personalizado
- 4. estilo css personalizado para el botón móvil jquery
- 5. ¿Estilo personalizado para la barra de acción apilada?
- 6. WPF estilo personalizado de control derivada
- 7. Invalidar Bootstrap CSS
- 8. zend view: bootstrap (vista) o bootstrap (diseño)
- 9. $ _POST para discapacitados seleccione
- 10. Alternativas a Bootstrap for Rails
- 11. Bootstrap Spans
- 12. Problema Anulando Bootstrap CSS
- 13. PHPunit diferente bootstrap para todos los testsuites
- 14. Cómo hacer referencia a un estilo en un tema personalizado
- 15. Cómo generar contenido de estilo JTextPane en HTML, incluido el estilo personalizado?
- 16. WPF Xaml estilo personalizado Estilo de elemento seleccionado en un ListBox
- 17. Reparando el diseño de Gmail con un estilo personalizado
- 18. Vinculando propiedad de dependencia personalizada al estilo personalizado de WPF
- 19. En Android XML, ¿puedo establecer buttonStyleSmall o Button.Small como estilo principal en un estilo personalizado?
- 20. seleccione * vs seleccione la columna
- 21. botón personalizado: cambiar el estilo cuando se pulsa el botón
- 22. Bootstrap forma horizontal "control-label" que no usa el estilo receptivo
- 23. Bootstrap Nuget Package
- 24. Bootstrap: Accordion Collapse dejó de funcionar con Bootstrap 2.0.3
- 25. Bootstrap fixed-form-actions
- 26. Colisión del tema jQuery UI y Bootstrap
- 27. Bootstrap Carousel Lazy Load
- 28. cacao Aplicación Bootstrap Preguntas
- 29. ¿Debo usar Bootstrap?
- 30. Bootstrap Responsive Nav Bar
No funciona. Creo que los menús desplegables son demasiado grandes, así que lo diseñé en mi propio archivo css con: select {width: 50px;} No obstante, mi regla css no se tiene en cuenta, es la regla en línea css generada por bootstrap que se tiene en cuenta ... –
agregué una clase a la selección para que mi css ahora tenga prioridad –
bueno bueno, me alegro de que lo haya ordenado: P – Lodder