jquery - Bootstrap 事件选项卡颜色仅在一个选项卡上更改

Question

我正在尝试使用 Jquery 设置 bootstrap 事件选项卡颜色，我遇到的问题是当我使用我的 Jquery 函数时它会将事件选项卡更改为红色(太棒了!)但是当我点击另一个选项卡时颜色默认回到 Bootstrap 蓝色，第一个选项卡的背景仍然是红色。

这是我使用的函数:

$('document').ready(function () {
    $('.nav-pills>li.active>a').css("background-color", "#FF0000");
})

我需要设置事件颜色，以便选中的任何选项卡都具有我设置的颜色。

如有任何帮助，我们将不胜感激。

Answer 1

简单使用

.nav-pills>li.active>a:focus{background-color: #FF0000 !important;}