使用CSS删除文本装饰。

a {
  text-decoration: none;
}

有时它会被一些渲染UI CSS覆盖。更好的用法:

a.className {
  text-decoration: none !important;
}

我在网印中一直被这个问题困扰并解决了。验证的结果。

a {
  text-decoration: none !important;
}

它的工作原理!

最简单的选择是:

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

当然，混合CSS和HTML(即内联CSS)不是一个好主意，特别是当你到处使用标签的时候。 这就是为什么把它添加到样式表中是一个好主意:

a {
    text-decoration: none;
}

甚至是JS文件中的这段代码:

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

for (var el = 0; el < els.length; el++) {
    els[el].style["text-decoration"] = "none";
}

在我的例子中，有一个关于锚的悬停效应的规则，像这样:

#content a:hover {
  border-bottom: 1px solid #333;
}

当然，文字装饰:没有;在这种情况下也无能为力。 我花了很长时间才发现。

所以:下划线不要与border-bottom混淆。

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

a, u {
  text-decoration: none;
}

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

a {
  text-decoration: none !important;
}