我试图有一个链接显示在白色,没有下划线。文本颜色正确地显示为白色,但蓝色下划线顽固地坚持。我尝试了文字装饰:没有;文字装饰:none !在CSS中删除链接下划线。既不工作。

.boxhead .otherPage { 颜色:# FFFFFF; 文字修饰:没有; } < div class = "表头栏”> < h2 > <span class="thisPage">当前页面</span> <a href="myLink"><span class="otherPage">Different Page</span></a> . < / h2 > < / div >

如何从链接中删除蓝色下划线?


当前回答

将以下HTML代码放在 <身体>标记:

<STYLE>A {text-decoration: none;

其他回答

文字装饰:没有!重要的应该删除它..你确定没有边界底部:1px固体潜伏?(在IE中跟踪Firebug/F12中的计算样式)

锚标记(link)也有伪类,如visited、hover、link和active。确保您的样式应用于有问题的状态,并且没有其他样式冲突。

例如:

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

有关用户操作伪类:hover、:active和:focus的更多信息,请参阅W3.org。

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

您可以使用此代码

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

Or

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

Or

a {
    text-decoration: none !important;
}

将以下HTML代码放在 <身体>标记:

<STYLE>A {text-decoration: none;

你没有应用text-decoration: none;到一个锚。Boxhead a)而是span元素(. Boxhead)。

试试这个:

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