a:visited 在 Microsoft Edge 中不工作

Posted 2023-05-09

【中文标题】a:visited 在 Microsoft Edge 中不工作

【英文标题】：a:visited not working in Microsoft Edge

【发布时间】：2015-11-22 12:18:37

【问题描述】：

我的网站在使用 Chrome、Safari 和 Firefox 时运行良好，但在 Microsoft Edge 浏览器中，我的导航栏会中断。每当我访问一个页面时，导航链接的背景颜色会变为白色，而它应该保持深蓝色 (#293241)。这是我的代码：

.nav a:link, .nav a:visited 
  display: block;
  width: 100px;
  background-color: #293241;
  color: #FFF;
  padding: 7px;
  text-decoration: none;
  font-family: Francois One, sans-serif;
  text-align: center;
  text-transform: uppercase;

<div class="nav">
  <a href="#">test</a>
</div>

有什么解决办法吗？

【问题讨论】：

无法访问边缘，所以只是抛出一些想法。您是否尝试过将 a:link 和 a:visited 分成 2 个 css 部分，基本上将所有内容重复两次。您是否尝试过更改所有锚链接的颜色 - 只是一个 - 以及覆盖悬停颜色或其他不同的伪类。

把它分成两部分就行了。感谢您的建议！

【参考方案1】：

编辑 a:link 和 a:visited 到两个 css 部分解决了这个问题。像这样：

.nav a:link 
   display:block;
   width:100px;
   background-color:#293241;
   color: #FFF;
   padding: 7px;
   text-decoration:none;
   font-family: Francois One, sans-serif;
   text-align: center;
   text-transform: uppercase;


.nav a:visited 
   display:block;
   width:100px;
   background-color:#293241;
   color: #FFF;
   padding: 7px;
   text-decoration:none;
   font-family: Francois One, sans-serif;
   text-align: center;
   text-transform: uppercase;

<div class="nav">
    <a href="#">test</a>
</div>