在引导栏中将导航栏上的链接背景变成黑色

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