我试图有一个链接显示在白色，没有下划线。文本颜色正确地显示为白色，但蓝色下划线顽固地坚持。我尝试了文字装饰:没有;文字装饰:none !在CSS中删除链接下划线。既不工作。
.boxhead .otherPage { 颜色:# FFFFFF; 文字修饰:没有; ｝ < div class = "表头栏”> < h2 > <span class="thisPage">当前页面</span> <a href="myLink"><span class="otherPage">Different Page</span></a> . < / h2 > < / div >
如何从链接中删除蓝色下划线?
当前回答
你在错误的选择器中使用了text-decoration: none。你需要检查你需要哪个标签装饰无。
您可以使用此代码
.boxhead h2 a {
text-decoration: none;
}
Or
.boxhead a {
text-decoration: none !important;
}
Or
a {
text-decoration: none !important;
}
其他回答
使用这个属性
border: 0;
你就有保险了。当文本装饰属性完全不起作用时，它为我完美地工作。
设置文本装饰:none;对于锚标记。
示例HTML。
<body>
<ul class="nav-tabs">
<li><a href="#"><i class="fas fa-th"></i>Business</a></li>
<li><a href="#"><i class="fas fa-th"></i>Expertise</a></li>
<li><a href="#"><i class="fas fa-th"></i>Quality</a></li>
</ul>
</body>
CSS例子:
.nav-tabs li a{
text-decoration: none;
}
就我而言，我使用的HTML格式很差。链接在<u>标签内，而不是<ul>标签内。
你在错误的选择器中使用了text-decoration: none。你需要检查你需要哪个标签装饰无。
您可以使用此代码
.boxhead h2 a {
text-decoration: none;
}
Or
.boxhead a {
text-decoration: none !important;
}
Or
a {
text-decoration: none !important;
}
如果text-decoration: none或border: 0不起作用，请尝试在HTML内容中应用内联样式。
