如何禁用CSS的文本修饰？

Question

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

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

CSS for navigation

Actual code

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

Answer 1

a:visited{
    color: your-color;
}

Answer 2

除了Charis's answer above之外，这还将有助于在所有情况下将<a>链接重置为指定的CSS。

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

!important表示它的优先级高于为相同选择器声明相同值的其他规则。注意：您仍然可以像使用:hover一样分别设置样式。

Answer 3

我编辑了<a>标签，使它<button>周围变了，所以文本现在又变回白色了，按钮实际上起作用了。整个按钮不再仅仅只是“单击文本以访问链接”。

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

Answer 4

尝试在CSS样式的末尾添加！important，如下所示：

Result = 13456

希望这会有所帮助！

Answer 5

我建议您首先设置链接标记的样式，例如：

.dropdown a{ color:#fff }

现在，容器内带有类.dropdown的文本链接将变为白色。然后，您无需设置访问的链接颜色，除非您要设置它。

如果要消除链接中的下划线，您的样式将如下所示：

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