Twitter bootstrap 更改活动选项卡的背景色

使用Bootstrap v2.3.2，我试图更改活动选项卡的默认背景色。我尝试设置如下，但不起作用：

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus
{
    color: #555555;
    background-color: red;  
} 

---

关于为什么不起作用，或者如何修复它的任何建议？

在Bootstrap v2.3.2 CSS文件中，您的代码片段的CSS如下所示：

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
          color: #555555;
          cursor: default;
          background-color: #ffffff;
          border: 1px solid #dddddd;
          border-bottom-color: transparent;
          } 

将其与您的CSS代码片段进行比较，您可以看到，您缺少

li

选择器，而不是

.active

选择器。 您的CSS是正确的，但是它不起作用，因为引导CSS中的特殊性更高。 因此，只需通过增加特定性将代码片段更改为：

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus{
            color: #555555;
            background-color: red;  
        } 

现在，浏览器在呈现页面时将选择CSS片段。 您可以在此处看到一个示例：

您可以在此处了解CSS的特殊性： 在这里：

---

对于Bootstrap 3及以上版本，以下css适用于我（无锚定标记）：

---

注意：这也解决了ui引导插件选项卡的活动选项卡突出显示问题。

您是否尝试了我发布的解决方案？

ul.nav-tabs > li.active {
    background-color: #e9ecef;
    border: 1px #e9ecef;
    border-radius: .25rem;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}