我正在尝试将一些CSS应用于锚点上的:focus状态
a:focus
{
outline:1px black dotted;
}
是的,就是这么简单。
但这是行不通的。(Windows 7,Chrome 36)
显然,当通过鼠标激活焦点时,他们似乎实现了摆脱聚焦环的功能。而是通过键盘导航可以按预期工作。
有没有解决此问题的方法?谢谢
似乎单击锚点不会将焦点放在<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] 删除。
我来说两句