React - IE11 - 访问了在刷新时未被识别为已访问的链接

Question

我正在为IE11开发一个React应用程序。链接的锚标签很少。我面临的问题是链接在刷新时不保留访问状态/ css。该应用在Chrome上正常运行，仅在IE上，用户已点击的链接仍会在应用程序刷新时显示为未访问的链接。

浏览器 - IE11 反应 - 16.3.2

访问过的链接的CSS：

a:visited, a:hover, a:focus, a:active {
  color: #551A8B !important;
}

Answer 1

看起来这是IE的历史记录API的一个问题，他们不会将pushState次来电计为访问次数。希望这可以从IE端修复。

来自React Router issue -

的引用

  

＆＃34;一种可能的解决方法是跟踪所有页面   从JS内部访问并应用具有匹配样式的className   参观风格。让它正常工作将是非常难看的   虽然＆＃34;

链接更多详情：

• https://github.com/ReactTraining/react-router/issues/6067
• https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11373805/

Answer 2

 a:visited { 
    text-decoration:none; 
    display:inline; margin:0 ;  
    color:red; 
    font-size:11px;  
    font-weight:bold; 
}
 a:focus{
 color:green;
 }
 a:active{
 color:brown;
 }
a:hover { 
    color:yellow;  
}