如何在Twitter Bootstrap中更改“active”类文本的颜色

Question

我正在尝试改变 Bootstrap 框架中 active 类的文本颜色。

.active{
 color:#720B87;
}

但是它正在采用默认的选项。

- sush

---

您可以使用自己的样式来覆盖默认样式。 - Praveen

你在Bootstrap框架的CSS文件中做了修改吗？ - rajesh kakawat

这是因为Bootstrap的选择器可能比你的选择器更具体性，使用浏览器的检查工具来检查哪个规则被应用到元素上，并使用该选择器。 - omma2289

我尝试了你说的，@user1671639，但没有帮助。 - sush

我没有改变主要的bootstrap.css，而是创建了一个新的，并在bootstrap.css之后添加了它。@rakesh - sush

Answer 1

假设您所说的是导航栏中的.active链接，并且正在使用最新版本的Bootstrap 3，则应该是...

.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus {
  color:#720B87;
}

对于2.x版本（如果您没有使用`.navbar-inverse`），请注意以下内容：

.navbar .nav>li>a {
  color:#720B87;
}

- Zim

---

我正在使用Bootstrap 2.3.2。你能为此提供建议吗？无论如何，感谢@skelly的回答 :) - sush

如果您计划切换 .active 类，则必须使用 !important，请记住这一点。 - Alex Daro

谢谢Skelly！:-) 它解决了问题。我也同意DirkDigler的观点，我不得不在我的背景颜色和颜色元素上使用!important来帮助覆盖默认的bootstrap活动值。 - totallytotallyamazing