我试图有一个链接显示在白色，没有下划线。文本颜色正确地显示为白色，但蓝色下划线顽固地坚持。我尝试了文字装饰:没有;文字装饰:none !在CSS中删除链接下划线。既不工作。
.boxhead .otherPage { 颜色:# FFFFFF; 文字修饰:没有; ｝ < div class = "表头栏”> < h2 > <span class="thisPage">当前页面</span> <a href="myLink"><span class="otherPage">Different Page</span></a> . < / h2 > < / div >
如何从链接中删除蓝色下划线?
当前回答
使用这个属性
border: 0;
你就有保险了。当文本装饰属性完全不起作用时，它为我完美地工作。
其他回答
使用这个属性
border: 0;
你就有保险了。当文本装饰属性完全不起作用时，它为我完美地工作。
你没有应用text-decoration: none;到一个锚。Boxhead a)而是span元素(. Boxhead)。
试试这个:
.boxhead a {
color: #FFFFFF;
text-decoration: none;
}
没有看到那页纸，很难推测。
但听起来你可能有一个边界底部:1px纯蓝色;被应用。也许可以添加border: none;。文字装饰:没有!重要的是正确的;有可能你有另一种样式仍然覆盖这个CSS。
这就是使用Firefox Web开发工具栏非常棒的地方。你可以在那里编辑CSS，看看它是否工作，至少对Firefox是这样。它在CSS→编辑CSS。
虽然其他答案都是正确的，但有一个简单的方法可以去掉所有这些讨厌的链接上的下划线:
a {
text-decoration: none;
}
这将从您的页面上的每一个链接删除下划线!
正如其他人指出的那样，你似乎无法覆盖嵌套的文本装饰样式……但是你可以改变文字装饰颜色。
作为一个hack，我把颜色改为透明:
text-decoration-color: transparent;
