这将删除您的颜色以及锚标签存在的下划线

a {
  text-decoration: none;
}

a:hover {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

使用CSS删除文本装饰。

a {
  text-decoration: none;
}

css是

text-decoration: none;

and

text-decoration: underline;

当你想将一个锚标记简单地用作一个链接而不添加样式(如悬停时的下划线或蓝色)时，在锚标记中添加class="no-style"。然后在全局样式表中创建类no-style。

.no-style {
    text-decoration: none !important;
}

这有两个好处。

它不会影响所有的锚标记，只会影响那些添加了“no-style”类的锚标记。 它将覆盖任何其他可能阻止将文本装饰设置为none的样式。

使用CSS。这删除了a和u元素的下划线:

a, u {
  text-decoration: none;
}

有时你需要覆盖元素的其他样式，在这种情况下，你可以在你的规则上使用!important修饰符:

a {
  text-decoration: none !important;
}

下划线可以通过称为文本装饰的CSS属性删除。

<style>
    a {
        text-decoration:none;
    }
</style>

如果要删除除a之外元素中文本的下划线，则应使用以下语法。

<style>
    element-name{
        text-decoration:none;
    }
</style>

还有许多其他文本装饰值可以帮助你设计链接。