html - :hover state is still active after going back in browser by using browser back-button

Question

我将鼠标悬停在导航栏中的一个链接上，它改变了颜色。

我在 Firefox 和 Safari 中遇到一个奇怪的问题:当我在浏览器中返回时(通过用鼠标单击后退按钮)悬停链接后，链接的颜色不会更改为其原始状态。它具有悬停状态。

只有在鼠标重新进入站点后，颜色才会变回黑色。我该怎么做才能在页面加载时立即将链接的颜色改回黑色。为什么悬停状态似乎在页面加载时处于事件状态？

当我将鼠标悬停在后记中时会发生这种情况，我直接用鼠标转到浏览器的后退按钮。

非常感谢!

我的CSS:

a {
    outline: none;  
    border: none;
    text-decoration: none;
}

a:link {
    color: black;
} 

a:hover, a:active {
    color: rgb(120,140,150);
}

Answer 1

如果您实际上不需要事件状态并且悬停状态就足够了，我认为您可以从 CSS 中删除 a:active 以避免出现此问题。您可以按原样保留 a:hover，因为这不是问题的原因。