Css 如何更改Bootstrap 4中禁用选项卡的样式？

我正在尝试调整一些禁用标签标题的样式，但我没有找到正确的方法。我想更改背景颜色、文本颜色（可能还有字体大小），甚至将其显示为链接。 我有这个标签：

它与其他选项卡具有相同的背景，设置为：

.nav-tabs {
  background-color: #323232;
}

我也有一些其他的样式，但我尝试将“禁用”粘贴到它们上的方法都没有产生任何有用的效果。 其他样式：

/* tab color */
.nav-tabs>li>a {
  border-color: #777777;
  color:#fff;
}

/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #323232;
}

/* hover tab color */
.nav-tabs>li>a:hover {
  border-color: #000000;
}

我只是在声明中添加了一个类，但这并没有更新整个选项卡背景。难道没有办法做到这一点吗？如果没有，我只想用不同的字体颜色来满足自己，但我希望是错的。

在上，对于禁用的选项卡，它在

.nav链接上添加了一个类
disabled
。你调查过了吗

.nav-tabs {
    .nav-link {
        &.disabled {
            // styles for disabled tabs
        }
    }
}

如果您不想将
disabled
class粘贴到class属性中，而是想在导航链接上使用
disabled
属性，您仍然可以这样做

.nav-tabs {
    .nav-link {
        &:disabled {
            // styles for disabled tabs
        }
    }
}