Google chrome 无法覆盖：在Google Chrome中处于活动状态

我有一个页脚菜单，结构如下：

<div class="footer-menu">
<nav>
  <a href="#home"><div class="button"><span class="active">Home</span></div></a>
  <div class="divider"> | </div>
  <a href="#katalog"><div class="button">Catalog</div></a>
  <div class="divider"> | </div> 
  <a href="#onas"><div class="button">Abous us</div></a>
  <div class="divider"> | </div>
  <a href="#novinky"><div class="button">News</div></a>
</nav>
</div>

一切都很顺利，除了一件事-：活动颜色被谷歌chrome代理风格覆盖（即使我添加了！重要），变成了一些难看的红色：（）：

通过span包装链接文本并给它一个类（比如Home），或者您可以“强制覆盖”用户代理样式，这是一个部分解决方案

a:-webkit-any-link:active {
      color: #686868; /* or any other color*/
}

但是有没有办法关闭用户代理风格？

---

提前感谢：）

不确定这是否只是一个打字错误，但您需要在颜色后面加一个

：

。起初我是红色的，但冒号似乎对我有用。

哦，天哪，我在那里看了1000次，但没有看到，谢谢你，捕手！：）（这真是一个打字错误）我完全变迟钝了）

a:-webkit-any-link:active {
      color: -webkit-activelink;
}

a:-webkit-any-link:active {
      color: #686868; /* or any other color*/
}