HTML – Tabindex焦点样式

前端之家收集整理的这篇文章主要介绍了HTML – Tabindex焦点样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用tabindex属性创建了一个div可以使隐藏内容可访问.

目前,当用鼠标点击时,div会获得浏览器:焦点样式.

有没有办法让tabbable元素在通过键盘访问时只有焦点样式?锚元素默认具有此功能.

> div with tabindex =’0’在鼠标和键盘上获得浏览器焦点样式
相互作用
> Anchor在键盘交互中获取浏览器焦点样式
只要

我希望div模仿锚点.不幸的是,让它成为锚是一种选择.

任何帮助都会很棒,我真的很茫然.

编辑 – >这是一个例子:http://jsfiddle.net/LvXyL/2/

解决方法

当然只需将:focus伪类添加到div和样式中.我建议使用大纲与边框.我更新了小提琴.
div:focus {outline: blue solid 2px;}

Kub建议使用JS解决方案,但如果你真的不需要,为什么要使用js呢?

原文链接:https://www.f2er.com/html/227097.html

猜你在找的HTML相关文章