在导航栏中导航链接背景黑色

Question

在我添加下拉菜单并单击它时，在bootstrap中的反向导航栏上，当我点击它时，背景颜色变为黑色，然后变回原始颜色。

我试图让我在导航栏中的其他链接也这样做。以下是我为家庭链接尝试过的一件事：

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

    background-color: #000000 !important;
}

但这似乎没有做任何事情。有什么想法吗？

Answer 1

您只需将其添加到样式表中，覆盖来自引导程序样式表的所有行为的现有neutral。您可以删除上面提到的样式

background-color

这里是Codepen demo