WebKit错误？悬停状态不适用于通过CSS插入的内容

Question

似乎存在WebKit错误，该错误不会将悬停状态应用于通过CSS中的content属性插入的内容。

有人知道解决方法吗？

a:before {
    content: "Hover Over Me";
}
a:hover {
    color: red;
}

示例：http://jsfiddle.net/wdmedal/X4gjL/1/

---

结论：此错误似乎只影响inline元素。

解决方法：将元素的显示类型设置为inline-block（或其他显示类型）。

Answer 1

这对我有用http://jsfiddle.net/X4gjL/5/

a:before {
    content: "Hover Over Me";
}
a.foo:hover {
    color: red;
}
a.foo
{
    display:block;
}​

------------- EDIT ---------

感谢BoltClock指出这一点，使其成为内联块并不会使宽度100％像块一样默认。 http://jsfiddle.net/X4gjL/6/

a:before {
    content: "Hover Over Me";
}
a.foo:hover {
    color: red;
}
a.foo
{
    display:inline-block;
}​