css - Bootstrap 页面滚动事件颜色不会改变

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>背景(当它处于事件状态时)。