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

我正在使用Start Bootstrap的免费模板。（http://blackrockdigital.github.io/startbootstrap-freelancer/）向页面向下滚动时，可以看到处于活动状态的菜单项具有较深的背景色。我想在菜单项目处于活动状态时更改菜单项目的背景颜色，但无法使其工作。引导页面滚动活动颜色不变

我已经尝试了我迄今为止所知道的每个选项。任何人都可以帮助我与此需要的CSS？

来源

2016-02-27 user3520672

你可以在代码片段中发布你的尝试代码吗？ – silviagreen

https://jsfiddle.net/r7fuo2tf/ < - 这些都是我尝试过的一些东西。 – user3520672

这是你必须覆盖规则：

.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>背景（当它处于活动状态）。

来源

2016-02-27 18:48:31 silviagreen

正是我所要求的，它完美的工作。感谢您的快速回复:) – user3520672

不客气。该行位于bootstrap.min.css行11 – silviagreen

您不需要编辑引导程序文件，只需将其覆盖在引导程序文件下方的自定义CSS中即可。 –

在您的自定义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包含在引导文件的下面或它不起作用。

来源

2016-02-27 18:50:55

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

回答

相关问题