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
16
A
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;
}
Các vấn đề liên quan
- 1. JavaScript vào Active Twitter Bootstrap Tooltips
- 2. Thay đổi kích thước các nút trong Twitter-Bootstrap
- 3. Rails Active Admin css mâu thuẫn với Twitter Bootstrap css
- 4. Vấn đề kiểu JQgrid với Twitter Bootstrap
- 5. Splitter cho Twitter Bootstrap
- 6. Bootstrap Nav Bar Active
- 7. Twitter Bootstrap cửa sổ kiểu hiển thị flickers
- 8. Áp dụng kiểu khởi động Twitter Bootstrap cho CodeMirror?
- 9. Làm thế nào để thay đổi tab Twitter Bootstrap, khi nhấn nút?
- 10. Twitter Bootstrap & Google Maps
- 11. Twitter Bootstrap - Responsive đóng
- 12. Áp dụng các kiểu cho các bảng với Twitter Bootstrap
- 13. Twitter Bootstrap carousel - chuyển đổi css trong Firefox
- 14. Google Charts và Twitter tab Bootstrap
- 15. Twitter Bootstrap Form Validation
- 16. Tạo kiểu Twitter Bootstrap Modal Biểu tượng Đóng
- 17. Tab jQuery Twitter Bootstrap chọn
- 18. Twitter Bootstrap vs "Mobile First"
- 19. Xóa dòng hàng trong twitter bootstrap
- 20. Cách thay đổi thứ tự div col trong Twitter Bootstrap 3
- 21. đường ray tạo bố cục bootstrap với bootstrap-sass thay vì twitter-bootstrap-ray
- 22. Twitter Môi trường thử nghiệm Bootstrap
- 23. CakePHP với Bootstrap (từ Twitter)
- 24. Chuyển đổi lớp nút Twitter Bootstrap khi hoạt động
- 25. Twitter bootstrap modals & Ajax?
- 26. Spinner for Twitter Bootstrap .btn
- 27. Twitter Bootstrap Containers
- 28. Clearfix with twitter bootstrap
- 29. Twitter-Bootstrap và Biểu mẫu trong Rails
- 30. Twitter bootstrap CSS + jQuery
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. –