Tôi thấy trình đơn thả xuống của Twitter Bootstrap rất xấu xí, làm cách nào tôi có thể tắt Bootstrap chỉ cho tiện ích con đã chọn? Hoặc có thể tùy chỉnh cách trình đơn thả xuống chọn không?Tùy chỉnh kiểu dáng cho Bootstrap chọn
Trả lời
Bạn có thể ghi đè lên phong cách css bằng cách đơn giản thêm riêng của bạn ví dụ:
select {
background: #333333;
}
Đây là một ví dụ rất cơ bản nhưng nó chỉ là một ví dụ về cách bạn có thể tùy chỉnh nó theo ý thích của riêng bạn.
Check it out: http://silviomoreto.github.com/bootstrap-select/
Bạn có thể thay đổi màu sắc của các nút thả xuống thông qua các lớp khác nhau. Và nếu bạn muốn một màu khác, chỉ cần ghi đè lên nó trong css. Ví dụ:
.btn {
background-color: #FFF;
}
Làm cách nào để thay đổi màu đường viền của selectPicker qua Javascript? hãy xem câu hỏi này http://stackoverflow.com/questions/38851856/how-to-change-border-color-of-bootstrap-select –
- 1. kiểu dáng css tùy chỉnh cho nút di động jquery
- 2. Sự cố trong tùy chọn chọn ô Kiểu dáng trong UITableView trong iPhone
- 3. WPF Xaml Tuỳ chỉnh kiểu dáng đã chọn Kiểu trong một ListBox
- 4. ActionSherlockBar Kiểu dáng - PopupMenu
- 5. Kiểu dáng đường viền
- 6. Tùy chỉnh mẫu CSS Bootstrap
- 7. Google maps - sử dụng kiểu dáng json tùy chỉnh * và * TERRAIN view
- 8. Kiểu dáng của MediaWiki cho iPhone
- 9. Xóa kiểu dáng hoàn chỉnh của nút HTML/gửi
- 10. JavaScript có Kiểu dáng
- 11. Trình chỉnh sửa kiểu Bootstrap 3
- 12. kiểu dáng python ** câu hỏi
- 13. TextView ClickableSpan kiểu dáng cho trạng thái nhấn
- 14. tùy chọn Setting cho typeahead, sử dụng góc-ui Bootstrap
- 15. đường ray form_for kiểu dáng
- 16. jQuery "Chọn" cho Chọn Hộp - cách áp dụng kiểu dáng sau khi AJAX tải phần tử chọn
- 17. Xóa kiểu tạo xung đột - Bootstrap & Tìm kiếm Tùy chỉnh của Google
- 18. Kiểu tiêu đề/kiểu tóm tắt tùy chọn Android
- 19. Kiểu tùy chỉnh cho thanh tác vụ xếp chồng?
- 20. wpf xác định thuộc tính tùy chỉnh cho kiểu
- 21. Biểu định kiểu Qt cho tiện ích tùy chỉnh
- 22. Làm thế nào để vô hiệu hóa nền tảng hoặc kiểu dáng bootstrap cho một khối mã html?
- 23. Áp dụng các kiểu cho các bảng với Twitter Bootstrap
- 24. Thay đổi kiểu dáng trên danh sách thả xuống ASP
- 25. symfony2 tùy chỉnh các tùy chọn chọn biểu mẫu
- 26. Tùy chọn tạo kiểu in đậm trong Internet Explorer
- 27. Tạo kiểu BibTeX riêng hoặc tùy chỉnh kiểu hiện có?
- 28. Kiểu dáng đầu vào của iPad
- 29. C# Kiểu dữ liệu tùy chỉnh!
- 30. webkit css thanh cuộn kiểu dáng
Nó không hoạt động. Tôi nghĩ rằng trình đơn thả xuống quá lớn nên tôi đã tạo kiểu nó trong tệp css của riêng mình với: select {width: 50px;} Tuy nhiên, quy tắc css của tôi không được tính đến, đó là quy tắc nội tuyến css được tạo bởi bootstrap. ... –
đã thêm một lớp vào danh sách để css của tôi hiện có ưu tiên là –
tốt, vui vì bạn đã sắp xếp nó: P – Lodder