从链接中删除顽固的下划线

2018-06-03 21:18:20

我试图让链接显示为白色，没有下划线。文本颜色正确显示为白色，但蓝色下划线固执地持续存在。我试过text-decoration: none; 和text-decoration: none !important; 在CSS中删除链接下划线。都没有工作。

HTML：

<div class="boxhead">
    <h2>
        <span class="thisPage">Current Page</span>
        <a href="myLink"><span class="otherPage">Different Page</span></a>
    </h2>
</div>

CSS：

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

我怎样才能从链接中删除蓝色下划线？

正如我所料，你没有应用text-decoration: none; 到一个锚点（.boxhead a），而是一个跨度元素（.boxhead）。

尝试这个：

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

锚标记（链接）也具有伪类，如visited，悬停，链接和活动。确保你的风格适用于有问题的状态，并且没有其他风格冲突。

例如：

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

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

text-decoration: none !important应该删除它..你确定没有border-bottom: 1px solid潜伏吗？（在IE中跟踪Firebug / F12中的计算样式）

链接地址: http://www.djcxy.com/p/12949.html

上一篇: Remove stubborn underline from link

下一篇: "Conversion to Dalvik format failed with error 1" on external JAR