从链接中删除蓝色下划线

小编典典

从链接中删除蓝色下划线

all

我试图让一个链接以白色显示，没有下划线。文本颜色正确显示为白色，但蓝色下划线顽固地持续存在。我尝试在 CSS 中删除链接下划线text- decoration: none;。text-decoration: none !important;都没有奏效。

.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>

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

阅读 175

2022-03-04

共1个答案

小编典典

您不是应用于text-decoration: none;锚点 ( .boxhead a)，而是应用于跨度元素 ( .boxhead)。

尝试这个：

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

2022-03-04