Thay đổi màu nền của tab thả xuống hiện hoạt trong bootstrap 3.0

Question

Tôi đang sử dụng css sau để thay đổi màu nền của liên kết hoạt động thả xuống thanh điều hướng.

.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a 
{ 
    color: #fff; 
    background-color: #b91773; 
    border-color: #fff; 
} 

Thay đổi đúng màu nền của liên kết thả xuống hiện hoạt như minh họa trong ảnh chụp màn hình.

Nhưng nếu tôi mở rộng cùng một css cho các tab điều hướng thì nó không hoạt động. đây là css lớp

.nav .nav-tabs > li.dropdown.open.active > a, 
.nav .nav-tabs > li.dropdown.open.active > a:hover 
{ 
    color: #fff; 
    background-color: #b91773; 
    border-color: #fff; 
} 

Đây là sản lượng

Làm thế nào để khắc phục vấn đề này.

Answer 1

Tôi nghĩ rằng điều này sẽ làm việc:

.nav.nav-tabs > li.dropdown.active.open > a, 
.nav.nav-tabs > li.dropdown.active.open > ul.dropdown-menu a:hover, 
.nav.nav-tabs > li.dropdown.open > a, 
.nav.nav-tabs > li.dropdown.open > ul.dropdown-menu a:hover 
{ 
    color: #fff; 
    background-color: #b91773; 
    border-color: #fff; 
} 

Lưu ý không có khoảng trống giữa .nav.nav-tabs nguyên nhân để lựa chọn vì có cả hai và không phải là thứ hai tiếp theo là đầu tiên.

caret:

.nav.nav-tabs > li.dropdown.active.open > a span.caret {border-top-color: #fff;border-bottom-color: #fff;} 

Answer 2

Bạn nên FINT lớp chính xác của trình đơn thả xuống. Nó có thể là trong nav của bạn hay không. Tôi đã thay đổi màu của lớp đang hoạt động của thuộc tính pagination của Theme Bootstrap như sau:

ul.dropdown-menu>li.active>a:hover{ 
    background: #419641 !important; 
} 

ul.dropdown-menu>li.active>a{ 
    background: #51AB51 !important; 
} 

Answer 3

Sẽ dễ dàng hơn nhiều nếu bạn có thể tạo ra một câu đố. nếu không thì đây là những gì bạn có thể làm.

1- đảm bảo rằng tab Đã thêm nằm chính xác trong các lớp ".nav .nav-tabs> li.dropdown.open.active" và đường dẫn là chính xác. NẾU không, nó sẽ không hoạt động.

2- Vì vậy, hãy tìm hiểu xem bạn đã thêm một lớp học không liên quan hoặc bạn chưa thêm một lớp học có liên quan.

Answer 4

gì làm việc cho tôi:

.navbar-default .navbar-nav .dropdown.open a:focus { 
    background-color: #6dbcc9; 
}