3

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

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

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

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


结论:这个错误似乎只影响inline元素。

解决方法:将元素的显示类型设置为inline-block(或其他显示类型)。

4

1 回答 1

3

这对我有用 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;
}​
于 2012-09-28T22:52:03.803 回答