我认为我忽略了一些事情,称之为漫长的一天,但为什么这不起作用? “li a:active,li a:focus”中的样式在Firefox和IE中保留,但不在webkit中。 webkit是否仅支持表单元素上的:focus
伪类?
#footer ul li a {
color: #fff;
display: block;
font-size: 95%;
padding: 15px 15px 10px;
text-decoration: none;
}
#footer ul li a:hover {
color: #f00;
}
#footer ul li a:active, #footer ul li a:focus {
border-top: 1px #f00 solid;
color: #f00;
padding-top: 14px;
}
#footer ul li a:focus:hover {
cursor: default;
}
答案 0 :(得分:3)
:focus
伪类用于表单元素,因此除非将tabindex属性添加到标记,否则Webkit实现不会将其应用于其他元素。
http://nemisj.com/focusable/
答案 1 :(得分:2)
实际上,锚点元素不是鼠标焦点是一个长期存在的错误,请参阅https://bugs.webkit.org/show_bug.cgi?id=26856作为参考。