引导页面滚动活动颜色不会改变

Question

我正在使用 Start Bootstrap 中的免费模板。 (http://blackrockdigital.github.io/startbootstrap-freelancer/) 当您在页面上向下滚动时，您可以看到处于活动状态的菜单项的背景颜色有点暗。 我想在菜单项处于活动状态时更改它们的背景颜色，但我无法让它工作。

到目前为止，我已经尝试了所有我知道的选项来执行此操作。 任何人都可以帮助我解决此问题所需的 css 吗？

Answer 1

这是你必须覆盖的规则：

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
   color: #ffffff;
   background-color: yellow; //Use your color here
 }

您必须更改的颜色是<a>background（当它处于活动状态时）。

Answer 2

在您的自定义 CSS 位置：

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #ffffff; background-color: #1a242f; }

然后你可以相应地改变颜色和背景。

确保您的自定义 CSS 包含在引导文件下方，否则它将不起作用。