Javascript 单击外部链接后，悬停效果仍然存在

当我将鼠标悬停在主页上的可单击链接上时，样式会按预期进行更改（即边框变为蓝色或链接带有文本装饰）。但是，当我单击要在新窗口中打开的链接时（它设置了

target=\u blank

或如果我命令+单击链接），该链接的样式将一直保持，直到我单击页面上的其他位置为止

为什么样式不立即恢复

以下是我尝试过的几件事：

• a，a:link，a:active

  设置为

  text deocration:none。在悬停状态下，我放置了一个底部边框，而不是将文本分隔改为下划线

a:悬停，a:聚焦{
边框底部：1px纯蓝色；
}

• 我试过玩

  a，a:visitored

  ，但当我阅读时，我无法更改

  文本装饰
  

• 我已经确保Google Analytics tracking返回true，并且不会停止事件传播

注意，我使用的是引导程序

---

如果您有其他想法，我将不胜感激。谢谢。

当你点击链接时，它会成为焦点。更改第二个CSS规则以删除

a:focus

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

---

你是说

a:hover，a:focus{border bottom:1px solid blue；}

I甚至尝试添加

outline:none从我读过的其他帖子中删除，但它不起作用。只需删除
a:focus
。当您单击支持焦点的元素时，它将成为焦点。因此，将鼠标悬停在链接上或将注意力集中在链接上会使链接的样式类似于鼠标悬停。感谢您的回复。我删除了一个链接的
a:focus
，效果不错，但是页眉链接和页脚链接没有
a:focus
。我甚至在整个代码库中搜索了
：focus
，这些部分都没有继承表单。我会继续玩的。再次感谢。