单击外部链接后仍保留悬停效果

Question

当我将鼠标悬停在主页上的可点击链接上时，样式会按预期更改（即边框变为蓝色或链接具有文字修饰）。但是，当我点击链接打开新窗口（它有target=_blank集或如果我命令+点击链接），该链接的样式一直持续下去，直到我点击页面上的其他地方。

为什么造型不立即恢复？

这里有几件事情我已经试过：

• a, a:link, a:active设置为text-deocration: none;。悬停时，我已经放置了底部边框，而不是将文本撤消更改为下划线。

a:hover, a:focus { border-bottom: 1px solid blue; }

• 我试着a, a:visited玩耍，但只要我阅读，我不能改变text-decoration。 https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector

• 我确保Google Analytics跟踪返回true，并且它不会停止事件传播。

要注意，我用引导。

会很感激一些其他的想法。谢谢。

Answer 1

当你点击链接时，它变得专注。更改您的第二个CSS规则以删除a:focus。

a:hover { 
    border-bottom: 1px solid blue; 
}