似乎存在一个 WebKit 错误,它不会将悬停状态应用于通过content
CSS 中的属性插入的内容。
有谁知道这个的解决方法?
a:before {
content: "Hover Over Me";
}
a:hover {
color: red;
}
示例:http: //jsfiddle.net/wdmedal/X4gjL/1/
结论:这个错误似乎只影响inline
元素。
解决方法:将元素的显示类型设置为inline-block
(或其他显示类型)。
似乎存在一个 WebKit 错误,它不会将悬停状态应用于通过content
CSS 中的属性插入的内容。
有谁知道这个的解决方法?
a:before {
content: "Hover Over Me";
}
a:hover {
color: red;
}
示例:http: //jsfiddle.net/wdmedal/X4gjL/1/
结论:这个错误似乎只影响inline
元素。
解决方法:将元素的显示类型设置为inline-block
(或其他显示类型)。
这对我有用 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;
}