Tôi có một băng chuyền bootstrap trên trang web của mình. Các hình mũi tên bên phải và bên trái đi kèm với nó được bao quanh bởi một hộp màu xám vuông. Tôi đã tự hỏi nếu ai đó có thể cho tôi biết làm thế nào để loại bỏ các bóng vì vậy tôi chỉ có các mũi tên. Tôi có phải ghi đè lên css bootstrap bằng cách nào đó không?Làm thế nào để loại bỏ bóng từ glyphicons trong băng chuyền bootstrap
6
A
Trả lời
15
Tôi đã có vấn đề này trước, chỉ cần thêm này như bootstrap cung cấp cái bóng làm hình nền hoặc/và như một bộ lọc
.carousel-control.left, .carousel-control.right {
background-image:none !important;
filter:none !important;
}
Và như đề xuất trước khi tôi có thể thay đổi độ mờ đục, nhưng đến 1
0
Tôi nghĩ rằng những gì bạn đang đề cập đến là các mục điều khiển .carousel.
Bootply này mà tôi đã tạo sẽ cho bạn thấy những gì bạn cần điều chỉnh là độ mờ của phần tử.
http://www.bootply.com/TvRdyXhIxo
Đặt opacity để vào trạng thái bình thường và trạng thái di chuột đến bất cứ điều gì bạn muốn.
.carousel-control {
opacity: 0.5;
}
.carousel-control:hover {
opacity: 0.5;
}
Các vấn đề liên quan
- 1. twitter bootstrap của băng chuyền chuyển
- 2. Làm thế nào để làm cho Bootstrap 4 hình ảnh băng chuyền đáp ứng?
- 3. Làm thế nào để sử dụng glyphicons trong bootstrap 3.0
- 4. Làm thế nào để Bootstrap Glyphicons hoạt động?
- 5. Làm thế nào để loại bỏ bóng đèn trong PHPStorm?
- 6. Làm thế nào để tạo băng chuyền ViewPager?
- 7. Bootstrap 4 băng chuyền không phải hình ảnh nhạy
- 8. Bootstrap 4 Nhiều mục Băng chuyền (một số mục băng chuyền được hiển thị cùng một lúc)
- 9. Làm cách nào để khóa băng chuyền trong Sencha Touch
- 10. Băng chuyền Bootstrap Twitter: lấy hướng của slide
- 11. Băng chuyền Bootstrap: hình ảnh ra khỏi div khi trượt
- 12. Tạm dừng băng chuyền Bootstrap Khi video đang phát
- 13. Làm thế nào để loại bỏ container thả xuống bootstrap?
- 14. Sự kiện cháy trên vấn đề trượt băng chuyền Bootstrap
- 15. Băng chuyền nhiều mặt AngularJS
- 16. Băng chuyền 3D 3D?
- 17. Glyphicons từ bootstrap không hiển thị
- 18. Làm thế nào để thay đổi khoảng thời gian của một băng chuyền bootstrap khi nó đã được khởi
- 19. cách bao gồm glyphicons trong bootstrap 3
- 20. cú băng chuyền cuộn để mục nhấp
- 21. Chế độ xem băng chuyền trong Android
- 22. Băng chuyền đáp ứng nhiều mục
- 23. Sửa kích thước vùng chứa băng chuyền trong Angular-UI-Bootstrap
- 24. Băng chuyền Jquery 2 băng chuyền không hoạt động không có lỗi điều khiển
- 25. Xoay Glyphicons/Font Awesome trong Bootstrap
- 26. Twitter bootstrap - làm thế nào để loại bỏ gradient mixin trong phân lớp
- 27. Bootstrap 4 - Di chuyển Glyphicons?
- 28. làm thế nào để làm cho twitter bootstrap 3 hình ảnh carousel tự động thay đổi kích thước hình ảnh để phù hợp trong băng chuyền?
- 29. Làm thế nào để không dừng băng chuyền con cú trên di chuột?
- 30. Hình ảnh băng chuyền không lấp đầy chiều rộng trong bootstrap 3