Html Chrome:无法在锚上应用:焦点CSS

Html Chrome:无法在锚上应用:焦点CSS,html,css,google-chrome,accessibility,Html,Css,Google Chrome,Accessibility,我尝试在锚上应用一些CSS:焦点状态,但没有多大成功 a:focus { outline:1px black dotted; } 是的,很简单 但它不起作用。(Windows7,Chrome36) 显然,这似乎是他们实现的一种方法,当焦点通过鼠标激活时,可以去掉聚焦环。相反,通过键盘导航,它可以按预期工作 有没有办法修复这种行为?谢谢似乎单击锚定不会将焦点放在 在Chromium的bug跟踪器上快速搜索会得到一个结果,报告说在锚上按鼠标键并不能聚焦它 解决此问题的方法是使用:act

我尝试在锚上应用一些CSS:焦点状态,但没有多大成功

a:focus
{
    outline:1px black dotted;
}
是的,很简单

但它不起作用。(Windows7,Chrome36)

显然,这似乎是他们实现的一种方法,当焦点通过鼠标激活时,可以去掉聚焦环。相反,通过键盘导航,它可以按预期工作


有没有办法修复这种行为?谢谢

似乎单击锚定不会将焦点放在

在Chromium的bug跟踪器上快速搜索会得到一个结果,报告说在锚上按鼠标键并不能聚焦它

解决此问题的方法是使用
:active
伪类:

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

(并避免不必要地使用
!重要的
,顺便说一句)

是的,在Chrome中单击一个锚点只会使其处于
:活动状态,但只要按下鼠标按钮,该状态就会保持。似乎需要一个JS解决方案。无论如何,是否存在一些-webkit-thingy来启用正常功能?@ObiWanWesabi“正常功能”是什么意思?点击后获得焦点?使用
tabindex=“0”
。当用户按下锚点时获得样式?使用
:活动
。有关更多背景信息,请访问。@wesleyshrupped修复了该漏洞(可在chrome39中找到)。