什么CSS元素控制bootstrap scrollspy active / hover？

Question

http://examine.com/v5x/creatine.html#summary - 将鼠标悬停在摘要上。

控制它的CSS是什么？我似乎无法找到它。

Answer 1

活动：active类（对于大多数Bootstrap功能都是如此）

悬停：

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
}

Source

编辑

CSS的第3804行：

.nav-list > .active > a,
.nav-list > .active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}

background-color这里导致你的蓝色背景。只需将其更改为所需的值，然后将color更改为color: #00A5B5;。

Answer 2

解决方案是这样的：

编辑 docs.css ，注释掉

  background:none; //line 728 under .bs-docs-sidenav > .active > a {

并编辑 bootstrap.css ，注释掉

  background-color: #0088cc;//line 3807 under .nav-list > .active > a:hover {

并更改

color: #ffffff;//line 3805 under .nav-list > .active > a:hover {

到

  color: #00A5B5;

并且在检查更改之前不要忘记清除浏览器的缓存。