Chrome:无法将:focus CSS应用于锚点

用户名

我正在尝试将一些CSS应用于锚点上的:focus状态

a:focus
{
    outline:1px black dotted;
}

是的,就是这么简单。

http://jsfiddle.net/b6dbuqqv/

但这是行不通的。(Windows 7,Chrome 36)

Chrome:无法将:focus CSS应用于锚点

显然,当通过鼠标激活焦点时,他们似乎实现了摆脱聚焦环的功能。而是通过键盘导航可以按预期工作。

有没有解决此问题的方法?谢谢

罗伯·W

似乎单击锚点不会将焦点放在<a>因此,:focus伪类不适用。如果将onfocus事件侦听器附加到锚点,则将看到单击时未触发事件(尽管通过键盘导航,tab / shift + tab可以按预期工作):http : //jsfiddle.net/b6dbuqqv/ 1 /

在Chromium的错误跟踪器上进行快速搜索后,会生成crbug.com/388666,该报告报告说,在锚点上按下鼠标键不会使其聚焦。

解决该问题的方法是改用:active伪类:

a:focus, a:active {
    outline: black dotted;
}

!important顺便说一下,避免不必要地使用

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章