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

时间:2011-11-12 09:30:18

标签: html css hyperlink

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

a {
    text-decoration: none;
}

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

我尝试了文字装饰:没有跨度和我能想到的其他所有东西,但这些下划线仍然存在。

我怎样摆脱这些东西?还有其他可能有下划线的元素吗?我怎么能摆脱所有这些?

2 个答案:

答案 0 :(得分:2)

如果没有看到您可以提供的最好的页面,我可以提供以下建议:使用Firebug或类似的Web开发人员工具检查有问题的元素以发现哪些CSS规则对它们有影响,并通过分析这些规则,您可以创建“反CSS”。

答案 1 :(得分:0)

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

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;
}