离开当前网站时重置悬停状态

Question

我有一个链接（设为按钮）：

<a href="http://externalsite" class="button" target="_blank">go to external site</a>

我有一个悬停在这个按钮类上，如：

.button {
  background-color: green;
}

.button:hover {
  background-color: red;
}

到目前为止，没问题。我将鼠标悬停在按钮上，它变成了红色。我单击它，然后在新选项卡中打开一个新页面。当我回到我的网站时，悬停消失，按钮再次变为绿色。但这只适用于某些浏览器！

在chrome（我的版本47.0.2526.80）中，我的按钮悬停红色，我点击外部页面，当我回到我的网站时，按钮仍然显示悬停的红色。只有当我移动光标时，悬停才会停用。就像某种方式，悬停是粘性的。 有没有人遇到过这个问题？这是一个浏览器错误吗？任何解决方法的想法？

Answer 1

使用焦点，它为我做了诀窍：）

这是一个codepen

http://codepen.io/anon/pen/YwEvod

.button:focus {
  background-color: green;
}

Answer 2

a:visited, a:focus { 
    color: green;
}

尝试 - 如果不是，它可能只是铬