2012-09-05 23 views
16

Tôi đang sử dụng nhóm Bootstrap .btn và bật nút được nhấn vào trạng thái hoạt động như nút radio. Tôi thấy rằng không có đủ độ tương phản trên nút để thông báo rằng đã được chọn khi đặt nó thành trạng thái hoạt động. Tôi poked xung quanh các tập tin Less và nó trông giống như .active loại bỏ nền gradient và thêm một bóng hộp. Bất cứ ai có thể cho tôi biết một cách dễ dàng (không xâm lấn) để làm tối trạng thái hoạt động của một .btn trong .btn-nhóm trong Bootstrap?Thay đổi kiểu btn-group .active trong Twitter Bootstrap

Trả lời

25

.btn.active {background-color} được xác định tại nút.không dòng 50, nhưng cách "không xâm lấn" để tùy chỉnh việc này là thêm quy tắc sau vào CSS của bạn và không chạm vào Gốc ban đầu.

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

Có thể muốn thực hiện những thay đổi này ít hơn vì mọi cập nhật trong css có thể bị ghi đè. Xem http://bootstrap.lesscss.ru/less.html#compiling để biết nhiều phương pháp để biên dịch ít hơn thành css. –

Các vấn đề liên quan