按住鼠标左键时,Chrome不会应用css悬停样式

Question

在Google Chrome中,按住鼠标左键时不会触发CSS悬停状态,如下所示:

a:hover {
  color: red;   
}

<a href="http://www.jsfiddle.net">words</a>

http://jsfiddle.net/RHGG6/1/

在FF8或IE9中不会发生此问题.这是有问题的,因为我正在实现拖放操作并使用CSS突出显示放置目标.我可以在JavaScript中非常简单地做到这一点,但这对于本质上是一个CSS问题来说似乎很苛刻.这有什么变通方法吗？

Answer 1

当我使用 Chrome 17.0.948.0（开发人员版本 111321）Ubuntu 10.04 将鼠标悬停在该链接上时，该链接会变成红色，因此您可能需要更新您的 Chrome。与此相关的是， :hover 伪类适用于鼠标指针悬停的元素。对于在单击链接时按住鼠标按钮时应用的样式，请使用 :active 伪类。我不确定为什么 FF 和 IE 的行为不同。