css - 伪类 :active not working correctly in firefox

Question

CSS:

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

HTML:

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

Here is JSFiddle

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

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

Answer 1

如果你在 :focus:hover 上设置你的“事件”颜色，它会产生最接近你想要的效果，尽管它不会与 Chrome 中的颜色完全相同您设置的内容会在链接获得焦点并悬停时出现，但不会在鼠标按钮按下时出现。

但是，如果您最不喜欢的是鼠标释放后“事件”颜色仍然存在，您至少可以通过在 :focus 上设置“正常”链接颜色来防止这种情况发生>。链接在被单击、拖离和释放后确实保持聚焦 - 您可以通过执行此操作然后按 enter 键来测试这一点。

您可以在 this page 上找到示例(和信息) - 注意按住和松开鼠标时链接的颜色；它们对应于 a:hover、a:focus、a:focus:hover 和 a:active该页面的规则。