如何使用 CSS 禁用文本修饰？

Question

所以，我需要从我的导航栏中删除访问过的 link 颜色，因为它看起来会很难看。

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

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

Answer 1

a:visited{
    color: your-color;
}

Answer 2

我编辑了 <a> 标签以绕过 <button> 因此文本现在变回白色并且按钮确实有效。它不再只是 "click text to visit link" 整个按钮都有效。

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

Answer 3

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

a {
   color: white !important;
}

希望对您有所帮助！

Answer 4

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

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

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

一样单独设置它们的样式

Answer 5

建议您先设置link标签的样式，例如：

.dropdown a{ color:#fff }

现在，带有 class .dropdown 的容器内的文本 link 将显示为白色。那么你不需要设置访问过的link颜色，除非你想设置它。

如果你想去除link中的下划线，你的样式将是这样的：

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

How to disable text decoration with CSS?