我正在使用 Bootstrap。
引导程序定义
a:hover, a:focus {
color: #005580;
text-decoration: underline;
}
我有这个链接/CSS 类
<a class="green" href="#">green text</a>
<a class="yellow" href="#">yellow text</a>
如何禁用胡佛颜色？
我希望绿色链接保持绿色，黄色链接保持黄色，而不覆盖每个班级的 :hover？ （这个问题不是强制性的，依赖于引导程序）。
我需要类似的东西
a:hover, a:focus {
color: @nonhoovercolor;
}
我认为
.yellow {
color: yellow !important;
}
这不是一个好习惯。
【问题讨论】：
标签： css twitter-bootstrap href
如果由于某种原因您仍在寻找超过 8 年历史的问题的答案 - 自 v4.2 以来的 Bootstrap 具有此用例的 .text-reset 类（基本上实现了 wutzebaer 答案）。请参阅文档here
【讨论】：
如果您想为链接设置默认颜色但继续使用wutzebaer answer，请尝试以下操作：
body a {
color:pink; /*this is the default link color*/
}
a {
color:inherit;
}
.green {
color:green
}
.red {
color:red
}<a class="green">Green</a>
<a class="red">Red</a>
<a>Default</a>【讨论】：
对我来说，上述简单的解决方案都不起作用，但是通过只改变悬停我就能让它工作：
:hover {
color: inherit;
text-decoration: none;
}
【讨论】：
如果您喜欢在现实世界的系统中不应该做的丑陋黑客行为；您可以从 document.styleSheets 中删除所有 :hover 样式规则。
只需使用 JavaScript 浏览所有 CSS 样式并删除所有在其选择器中包含“:hover”的规则。当我需要从 bootstrap 2 中删除 :hover 样式时，我会使用此方法。
_.each(document.styleSheets, function (sheet) {
var rulesToLoose = [];
_.each(sheet.cssRules, function (rule, index) {
if (rule.selectorText && rule.selectorText.indexOf(':hover') > 0) {
rulesToLoose.push(index);
}
});
_.each(rulesToLoose.reverse(), function (index) {
if (sheet.deleteRule) {
sheet.deleteRule(index);
} else if (sheet.removeRule) {
sheet.removeRule(index);
}
});
});
我确实使用下划线来迭代数组，但也可以使用纯 js 循环编写那些：
for (var i = 0; i < document.styleSheets.length; i++) {}
【讨论】：
a {background-color:transparent !important;}
【讨论】：
我会选择this JSFiddle：
HTML：
<a class="green" href="#">green text</a>
<a class="yellow" href="#">yellow text</a>
CSS：
body { background: #ccc }
/* Green */
a.green,
a.green:hover { color: green; }
/* Yellow */
a.yellow,
a.yellow:hover { color: yellow; }
【讨论】：
我不是 Bootstrap 专家，但在我看来，您应该定义一个名为 nohover 的新类（或类似的东西），然后在您的链接代码中添加该类作为最后一个属性值：
<a class="green nohover" href="#">green text</a>
<a class="yellow nohover" href="#">yellow text</a>
然后在您的 Bootstrap LESS/CSS 文件中，定义 nohover（使用上面的 JSFiddle 示例）：
a:hover { color: red }
/* Green */
a.green { color: green; }
/* Yellow */
a.yellow { color: yellow; }
a.nohover:hover { color: none; }
在此处分叉 JSFiddle：http://jsfiddle.net/9rpkq/
【讨论】：
将color: #005580; 标记为color: #005580 !important;。
它将覆盖默认引导悬停。
【讨论】：