css - 选项卡的背景颜色不会改变，除非用户在选择选项卡后再次单击

Question

我有一个基于选项卡的页面，加载后如下所示:

加载页面并选择中间选项卡后，我得到以下信息:

当我在选择选项卡后单击页面上的任意位置时，我得到:

我希望选项卡的背景色在选中时为“粉红色”(#e12387)。我不确定为什么我必须单击页面上的某处才能进行颜色更改。选择任何选项卡时都会出现此问题。

Answer 1

编辑

只需在计算机上查看该页面。我过去在某些元素上使用 .active 时遇到过这个问题。

试试这个...

li.nav-item a.nav-link.active:not(:active) {
    background: #e12387
}

这应该可以解决问题。