css - WebKit 错误？悬停状态不会应用于通过 CSS 插入的内容

Question

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

有谁知道这个的解决方法？

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;
}​

- - - - - - -编辑 - - - - -

感谢BoltClock指出这一点，使其 inline-block 默认情况下不会像块一样使宽度为 100%。 http://jsfiddle.net/X4gjL/6/

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