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

深碍√TFBOYSˉ_ 2022-11-29 03:14 153阅读 0赞

本文翻译自：[How to remove the underline for anchors(links)?][How to remove the underline for anchors_links]

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

--------------------

### \#1楼 ###

参考：[https://stackoom.com/question/8z3C/如何删除锚点-链接-的下划线][https_stackoom.com_question_8z3C_-_-]

--------------------

### \#2楼 ###

*The simplest option is this:* **最简单的选择是：**

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

*Of course, mixing CSS with HTML (ie inline CSS) is not a good idea, especially when you are using `a` tags all over the place.* **当然，混合HTML（即内嵌CSS）CSS是不是一个好主意，尤其是当你使用`a`标签所有的地方。**  
*That's why it's a good idea to add this to a stylesheet instead:* **这就是为什么将它添加到样式表中是个好主意：**

a {
        text-decoration: none;
    }

*Or even this code in a JS file:* **甚至这个代码在JS文件中：**

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

--------------------

### \#3楼 ###

*Sometime it will override by some rendering UI CSS.* **有时它会被一些渲染UI CSS覆盖。** *Better to use:* **更好用：**

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

--------------------

### \#4楼 ###

*Use CSS to remove `text-decoration` s.* **使用CSS删除`text-decoration` 。**

a {
        text-decoration: none;
    }

--------------------

### \#5楼 ###

*The css is* **css是**

text-decoration: none;

*and* **和**

text-decoration: underline;

--------------------

### \#6楼 ###

*Use CSS.* **使用CSS。** *this removes underlines from `a` and `u` elements:* **这将删除`a`和`u`元素的下划线：**

a, u {
        text-decoration: none;
    }

*Sometimes you need to override other styles for elements, in which case you can use the `!important` modifier on your rule:* **有时您需要覆盖元素的其他样式，在这种情况下，您可以在规则上使用`!important`修饰符：**

a {
        text-decoration: none !important;
    }

[How to remove the underline for anchors_links]: https://oldbug.net/q/8z3C/How-to-remove-the-underline-for-anchors-links
[https_stackoom.com_question_8z3C_-_-]: https://stackoom.com/question/8z3C/%E5%A6%82%E4%BD%95%E5%88%A0%E9%99%A4%E9%94%9A%E7%82%B9-%E9%93%BE%E6%8E%A5-%E7%9A%84%E4%B8%8B%E5%88%92%E7%BA%BF