一般来说，如果你的“下划线”和你的文本不是同一种颜色(并且“color:”在行内没有被覆盖)，它就不是来自“text-decoration:”。它必须是“边界底部:”。

别忘了把你的伪类的边界也去掉!

a, a:link, a:visited, a:active, a:hover {border:0!important;}

这个片段假设它位于一个锚上。相应地更改它的包装…用“专一”而不是“!”在你找到根本原因之后。

使用这个属性

border: 0;

你就有保险了。当文本装饰属性完全不起作用时，它为我完美地工作。

你在错误的选择器中使用了text-decoration: none。你需要检查你需要哪个标签装饰无。

您可以使用此代码

.boxhead h2 a {
    text-decoration: none;
}

Or

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

Or

a {
    text-decoration: none !important;
}

只需将此属性添加到锚标记

风格= "文字修饰:没有”;

例子:

<a href="page.html"  style="text-decoration:none;"></a>

或者使用CSS的方式。

.classname a {
    color: #FFFFFF;
    text-decoration: none;
}

覆盖嵌套的文本装饰样式。

寻找任何::before或::after选择器，并将none显示为任何文本装饰，border-bottom等，或将属性(unset)重置为任何文本颜色属性，如:text-decoration-color, background-color等。

.boxhead .otherPage {
    color: #FFFFFF;
}

a.boxhead .otherPage:before {
    background-color: unset;
}

or

a.boxhead .otherPage:before {
    background-color: unset !important;
}

正如其他人指出的那样，你似乎无法覆盖嵌套的文本装饰样式……但是你可以改变文字装饰颜色。

作为一个hack，我把颜色改为透明:

    text-decoration-color: transparent;