Navbar活跃项目的背景颜色在Bootstrap的

Question

我现在有这个导航栏：

但我想删除活动项目背景的灰色......

我正在尝试使用此代码：

.navbar-default .navbar-nav > .active{
    border-bottom: 2px solid black;
    background-color: #fff;
 }

它添加了黑色边框，但背景没有变为白色。

使用HTML和CSS代码进行更新

https://jsfiddle.net/v84zrhgo/＆lt; - 导航栏代码

Answer 1

以下是修复的问题：https://jsfiddle.net/AndrewL32/v84zrhgo/1/

.navbar-default .navbar-nav > .active > a{
    border-bottom: 2px solid black;
    background-color: #FFF !important;
}

Answer 2

试试这个：

.navbar-default .navbar-nav > .active > a {
    background-color: #fff;
}

Answer 3

这将使其显得透明，因此没有颜色：

.navbar-default .navbar-nav > .active > a {
    background-color: rgba(51, 51, 51, 0) !important;
}