Question

我的href链接活动颜色在我的页面上不起作用。

您能给我一个提示/指南如何更改以下代码块的活动a：链接颜色。？

我确实更改了Twitter Bootstrap，如下所示..但是当点击链接并且菜单折叠时，不会显示该颜色。

a:active,
a:hover {
  outline: 0;
  color: #E57200 !important;
}

HTML：

<div class="panel panel-default">
  <div class="panel-heading">
    <a class="panel-title collapsed" data-toggle="collapse" data-parent="#panel-1" href="#panel-element-15">About us</a>
  </div>
  <div id="panel-element-15" class="panel-collapse collapse">
    <div class="panel-body">
      <p>
       About us Content will come here....
      </p>

Answer 1

我创建了Fiddle

看起来你的风格很好

a:active,
a:hover {
  outline: 0;
  color: red !important;
}

Answer 2

您可以覆盖已经完成的值，也可以在第37行修改variables.less，其中有一个名为@link-hover-color的变量。如果您使用此选项，则需要重新编译bootstrap.less，这样做的好处是您可以控制所有Bootstrap CSS。

Answer 3

您必须修改@link-hover-color变量。

我建议您使用自定义工具here。

您可以自定义所有引导程序组件并创建自定义构建。

你应该使用他们的工具甚至是那个链接，因为他们也将负责构建，你不需要本地的LESS编译器。

如何更改：活动链接颜色Twitter Bootstrap

3 个答案: