css - 伪类：active 在 Firefox 中无法正常工作

Question

CSS：

a:link { color: green;}
a:active {color: orange;}

HTML：

<a href="#">testing</a>

这是JSFiddle

伪类 :active 在链接上单击鼠标按钮后仍然处于活动状态，拖走并释放。松开鼠标后如何使链接颜色恢复正常？

我正在使用 Firefox 14。它在 Chrome 中运行良好。

Answer 1

如果您在其上设置“活动”颜色，:focus:hover它将具有最接近您想要的效果，尽管它与 Chrome 中的颜色不完全相同，因为您设置的颜色将在链接聚焦和悬停时出现，但不是鼠标按钮已按下。

但是，如果您最不喜欢的是释放鼠标后“活动”颜色仍然存在，您至少可以通过将“正常”链接颜色设置为 on 来防止这种情况发生:focus。该链接在被单击、拖出和释放后仍然保持焦点 - 您可以通过执行它然后按 Enter 来测试它。

您可以在此页面上找到示例（和信息）- 请注意按住和释放鼠标时的链接颜色；它们对应于该页面的a:hover、a:focus、a:focus:hover和a:active规则。

Answer 2

我会改为使用：a:hover:focus。悬停时获得新的背景颜色，单击（聚焦）时获得新的链接文本颜色。如果您只是向下单击链接，然后在单击之前将鼠标拉开，新的链接文本颜色将消失。