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

cre*_*3nt 6 css firefox pseudo-class

CSS:

a:link { color: green;}
a:active {color: orange;}
Run Code Online (Sandbox Code Playgroud)

HTML:

<a href="#">testing</a>
Run Code Online (Sandbox Code Playgroud)

这是JSFiddle

伪类:在链接上单击鼠标按钮,拖动并释放后,活动仍处于活动状态.释放鼠标按钮后如何使链接颜色恢复正常?

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

tuf*_*uff 2

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

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

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