从页面上的链接中删除所有下划线?

我一直在使用一个非常简单的CSS:

a {
    text-decoration: none;
}

如果我将它包含在页面的头部,它会从页面上的链接中删除大部分下划线。 但总有一些坚持。 例如,在gmail中,“关于这些链接”下有下划线,这是一个跨度“禁用Buzz”,也是跨度。

我尝试过文字修饰:没有跨度和其他所有我能想到的内容,但这些强调仍然存在。

我怎样才能摆脱这些东西? 还有其他可能强调的因素吗? 我怎样才能摆脱所有这些?


如果没有看到您遇到的问题,我可以给出的建议是:使用Firebug或类似的Web开发工具来检查有问题的元素,以发现哪些CSS规则会影响它们,通过分析这些规则,您可以创建“counter CSS ”。


这可能是因为链接被分成几个可能覆盖样式的伪状态。 尝试这个:

a, a:link, a:visited, a:hover, a:active, a:visited:hover {
    /* :visited:hover is an old IE bug, not sure if it's still relevant */
    text-decoration:none;
}
链接地址: http://www.djcxy.com/p/74609.html

上一篇: Remove all underlines from links on a page?

下一篇: How to remove the underline for anchors(links)?