如何删除锚点（链接）的下划线？

Question

无论如何（在CSS中）是否要避免在页面..中引入文本和链接的下划线？

Answer 1

使用CSS。这将删除a和u元素的下划线：

a, u {

    text-decoration: none;

}

有时您需要覆盖元素的其他样式，在这种情况下，可以!important在规则上使用修饰符：

a {

    text-decoration: none !important;

}

Answer 2

CSS是

text-decoration: none;

和

text-decoration: underline;

Answer 3

最简单的选择是这样的：

<a style="text-decoration: none">No underline</a>

当然，将CSS与HTML（即内联CSS）混合使用不是一个好主意，尤其是当您a在各处使用标签时。

这就是为什么最好将其添加到样式表中的原因：

a {

    text-decoration: none;

}

甚至是JS文件中的以下代码：

var els = document.getElementsByTagName('a');

for (var el = 0; el < els.length; el++) {

    els[el].style["text-decoration"] = "none";

}