伪类：激活在firefox中无法正常工作

Question

CSS：

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

HTML：

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

Here is JSFiddle

Pseudo-class：在链接上单击鼠标按钮，拖动并释放后，活动仍处于活动状态。 释放鼠标按钮后如何使链接颜色恢复正常？

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

Answer 1

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

但是，如果您最不喜欢的是在释放鼠标后仍然保留“活动”颜色，则可以通过在:focus上设置“正常”链接颜色来至少防止这种情况发生。单击，拖动和释放后，链接仍然保持聚焦状态 - 您可以通过执行此操作然后按Enter键进行测试。

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

Answer 2

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