2012-09-05 4 views
16

Estoy usando un Bootstrap .btn-group y al presionar el botón presionado al estado activo como un botón de opción. Descubro que no hay suficiente contraste en el botón para decir que se seleccionó al establecerlo en estado activo. Busqué en los archivos Less y parece que el .active elimina el fondo degradado y agrega una sombra de cuadro. ¿Puede alguien decirme una manera fácil (no demasiado invasiva) de oscurecer el estado activo de un .btn en .btn-group en Bootstrap?Cambiar estilo btn-group .active en Twitter Bootstrap

Respuesta

25

.btn.active {background-color} se define en buttons.less línea 50, pero la forma "no demasiado invasiva" para personalizar esto es agregar agregar la siguiente regla a su CSS y no tocar Less original.

.btn.active, .btn:active { 
    background-color: #XXXXXX; 
} 
+0

puede querer hacer estos cambios en menos ya que las actualizaciones en css podrían ser sobrescritos. Consulte http://bootstrap.lesscss.ru/less.html#compiling para obtener varios métodos para compilar menos en css. –