Bootstrap 导航栏活动项的背景颜色答案

【问题标题】：Background color of active item of navbar on BootstrapBootstrap 导航栏活动项的背景颜色
【发布时间】：2015-05-09 06:35:38
【问题描述】：

我现在有了这个导航栏：

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

我正在尝试使用此代码：

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

并且它已经添加了黑色边框，但背景没有变成白色。

使用 HTML 和 CSS 代码更新

https://jsfiddle.net/v84zrhgo/

【问题讨论】：

【解决方案1】：

这是修复的 jsfiddle：https://jsfiddle.net/AndrewL32/v84zrhgo/1/

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

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：

【解决方案3】：

这会让它看起来是透明的，所以没有颜色：

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

【讨论】：