我使用tabindex属性创建了一个div可以使隐藏内容可访问.
目前,当用鼠标点击时,div会获得浏览器:焦点样式.
有没有办法让tabbable元素在通过键盘访问时只有焦点样式?锚元素默认具有此功能.
> div with tabindex =’0’在鼠标和键盘上获得浏览器焦点样式
相互作用
> Anchor在键盘交互中获取浏览器焦点样式
只要
我希望div模仿锚点.不幸的是,让它成为锚是一种选择.
任何帮助都会很棒,我真的很茫然.
编辑 – >这是一个例子:http://jsfiddle.net/LvXyL/2/
解决方法
@H_403_20@ 当然只需将:focus伪类添加到div和样式中.我建议使用大纲与边框.我更新了小提琴.div:focus {outline: blue solid 2px;}
Kub建议使用JS解决方案,但如果你真的不需要,为什么要使用js呢?