前端之家收集整理的这篇文章主要介绍了
HTML – Tabindex焦点样式,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用tabindex
属性创建了一个div可以使隐藏
内容可访问.
目前,当用鼠标点击时,div会获得浏览器:焦点样式.
有没有办法让tabbable元素在通过键盘访问时只有焦点样式?锚元素默认具有此功能.
> div with tabindex =’0’在鼠标和键盘上获得浏览器焦点样式
相互作用
> Anchor在键盘交互中获取浏览器焦点样式
只要
我希望div模仿锚点.不幸的是,让它成为锚是一种选择.
任何帮助都会很棒,我真的很茫然.
编辑 – >这是一个例子:http://jsfiddle.net/LvXyL/2/
@H_
404_18@
解决方法
当然只需将:focus伪类
添加到div和样式中.我建议使用大纲与边框.我更新了小提琴.
div:focus {outline: blue solid 2px;}
Kub建议使用JS解决方案,但如果你真的不需要,为什么要使用js呢?
原文链接:https://www.f2er.com/html/227097.html