从链接中删除顽固的下划线
我试图将链接显示为白色，但不带下划线。文本颜色正确显示为白色，但蓝色下划线顽固地保持不变。我试图text-decoration: none;和text-decoration: none !important;在CSS删除链接的下划线。两者都不起作用。
.boxhead .otherPage {
color: #FFFFFF;
text-decoration: none;
}<div class="boxhead">
<h2>
<span class="thisPage">Current Page</span>
<a href="myLink"><span class="otherPage">Different Page</span></a>
</h2>
</div>如何从链接中删除蓝色下划线？
第1979篇《从链接中删除顽固的下划线》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点
就我而言，我的HTML格式不正确。链接在<u>标签内，而不是<ul>标签内。
将以下HTML代码放在<BODY>标记之前
：
<STYLE>A {text-decoration: none;} </STYLE>
a {
color: unset;
text-decoration: unset;
}
这是asp.net Web窗体LinkButton控件的示例：
<asp:LinkButton ID="lbmmr1" runat="server" ForeColor="Blue" />
后面的代码：
lbmmr1.Attributes.Add("style", "text-decoration: none;")
只需使用属性
border:0;
然后你就被覆盖了。当text-decoration属性dint完全起作用时，对我来说效果很好。
尽管其他答案是正确的，但是有一种简单的方法可以消除所有讨厌的链接上的下划线：
a {
text-decoration:none;
}
这将从页面上的“每个链接”中删除下划线！
没有答案对我有用。就我而言，有一个标准
a:-webkit-any-link {
text-decoration: underline;
在我的代码中。基本上不管它是什么链接，文本颜色都变为蓝色，而链接保持不变。
因此，我将代码添加到标题的末尾，如下所示：
<head>
</style>
a:-webkit-any-link {
text-decoration: none;
}
</style>
</head>
问题就不复存在了。
如果text-decoration: none还是border: 0行不通，请尝试在html中应用内联样式。
没有看到页面，很难推测。
但这听起来像是您可能已border-bottom: 1px solid blue;被申请。也许加上border: none;。text-decoration: none !important是的，您可能有另一种样式仍然可以覆盖该CSS。
这是使用Firefox Web Developer工具栏的绝佳地方，您可以在此处编辑CSS并查看其是否正常运行，至少对于Firefox而言。在下CSS > Edit CSS。
您错过 text-decoration:none了定位标记。因此，应遵循以下代码。
.boxhead a {
text-decoration: none;
}<div class="boxhead">
<h2>
<span class="thisPage">Current Page</span>
<a href="myLink"><span class="otherPage">Different Page</span></a>
</h2>
</div>文本装饰的更多标准属性
锚标记（链接）还具有伪类，例如访问，悬停，链接和活动。确保您的样式已应用于相关状态，并且没有其他样式冲突。
例如：
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
有关用户操作伪类：hover，：active和：focus的更多信息，请参见W3.org 。
只需将此属性添加到您的锚标记
style="text-decoration:none;"
例：
<a href="page.html" style="text-decoration:none;"></a>
或使用CSS方式。
.classname a {
color: #FFFFFF;
text-decoration: none;
}
text-decoration: none !important应该将其删除..您确定没有border-bottom: 1px solid潜伏吗？（在IE中的Firebug / F12中跟踪计算的样式）
有时，您看到的是框阴影，而不是文本下划线。
试试看（使用适合您的CSS选择器）：
a:hover, a:visited, a:link, a:active {
text-decoration: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
如我所料，您不是要应用text-decoration: none;到锚点（.boxhead a），而是要应用到span元素（.boxhead）。
尝试这个：
.boxhead a {
color: #FFFFFF;
text-decoration: none;
}
相似问题
问题类别
您在错误的选择器中没有使用文本修饰。您需要检查不需要装饰的标签。
您可以使用此代码
要么
要么