在引導欄中將導航欄上的鏈接背景變成黑色

Question

在引導程序的反向導航欄中，當我添加下拉菜單並點擊它時，背景顏色會變黑，然後當我點擊它時變回原始顏色。

我想讓我在導航欄中的其他鏈接做同樣的事情。這裏有一兩件事，我曾嘗試爲我的家鄉鏈路：

.navbar .home > .active > a, 
.navbar .home > .active > a:hover, 
.navbar .home > .active > a:focus { 

    background-color: #000000 !important; 
} 

這似乎並不雖然做任何事情。有任何想法嗎？

Answer 1

您只需將其添加到您的樣式表中，覆蓋現有的針對所有行爲的引導樣式表background-color。您可以刪除上述

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { 
    background-color: transparent; 
} 

這裏Codepen demo