Question

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

<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>

然后我有CSS规则覆盖颜色：

.footer-menu a, .footer-menu a:visited,
.footer-menu a:hover, .footer-menu a:active{
  text-decoration: none;
  color #686868 !important;
}

一切都很好，除了一件事 - ：活跃的颜色被覆盖（即使我添加！重要），通过谷歌 - 铬 - 代理风格（到一些丑陋的红色:(）：

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

有一个部分解决方案，用span包装链接文本并给它一个类（如Home），或者你可以“强制覆盖”用户代理风格

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

但有没有办法以某种方式关闭用户代理风格？

提前致谢：）

Answer 1

不确定它只是一个拼写错误，但你需要:颜色。我最初得到了红色但结肠似乎对我有用。

无法覆盖：在Google Chrome中处于有效状态

1 个答案: