css - 如何使用 CSS 禁用文本装饰？

Question

因此，我需要从导航栏中删除已访问链接的颜色，因为它看起来很难看。

我曾尝试使用text-decoration: none;，color: white;但这似乎无济于事。

用于导航的 CSS

实际代码

我从代码中删除了实际链接，在真实版本中有链接，但是对于这个问题，链接被替换为 #

Answer 1

除了Bariock 的回答之外，这将有助于<a>在所有情况下将您的链接重置为您指定的 css。

a:visited, a:hover, a:active, a:focus {
   color: yourColor !important;
   text-decoration: none !important;
   outline: none !important;
}

!important表示它比为相同选择器声明相同值的其他规则具有更高的优先级。注意：您仍然可以像使用:hover.

Answer 2

a:visited{
    color: your-color;
}

Answer 3

我编辑了<a>标签以绕过，<button>所以文本现在恢复为白色，按钮实际上可以工作。它不再只是“单击文本以访问链接”，整个按钮都起作用了。

<a href="#"><button class="dropbtn">Community</button></a>

Answer 4

尝试在 css 样式的末尾添加一个 !important，如下所示：

a {
   color: white !important;
}

希望这可以帮助！

Answer 5

我建议你先设置链接标签的样式，例如：

.dropdown a{ color:#fff }

现在你在容器内的文本链接与类 .dropdown 将是白色的。那么你不需要设置访问过的链接颜色，除非你想设置它。

如果你想去掉链接中的下划线，你的样式会是这样的：

.dropdown a{ color:#fff; text-decoration: none; }