外部禁用bootstrap的简单方法a：悬停颜色？

Question

我的问题非常简单：有没有办法在外部禁用a：hover元素上的颜色引导程序集？

我正在制作一个使用多种不同字体颜色的网站，我不希望每个网站都有CSS设置。

到目前为止，我一直在为每个案例手动完成，但我仍然希望默认情况下这样做，因为蓝色在彩色背景上真的很难看。

我见过有人建议做以下事情：

a:hover {
    color: inherit;
}

正如我所料，这不起作用，但我找不到任何其他办法：'（

我真的需要为网站上的每种颜色做这个吗？

Answer 1

您必须为每个锚点设置一个类，您希望使用不同的悬停颜色更改。

即

HTML

<a href="#" class="hover-white">Anchor Text White On Hover</a>
<a href="#" class="hover-red">Anchor Text Red On Hover</a>

<强> CSS

.hover-white:hover {color: white;}
.hover-red:hover {color: red;}

Answer 2

您需要根据自己的方便覆盖原始'a'标记的属性，

a {
    color:#999999 !important;
}

a:hover {
    color:#111111 !important;
}

Answer 3

由于似乎没有“通用”方式，我决定进入styles.css文件（来自Bootstrap）和评论链接1744，它应用{{1}上的颜色}和hover链接。

我真的不喜欢触摸我自己没有创建的文件，但我想这是最简单的方法。

Answer 4

您可以使用css：

a:hover {
  color: 
}

或者，如果您下载了bootstrap css文件，请找到 a 所在的部分并将其注释或删除。希望有所帮助：）