HTML – Tabindex焦点样式

概述我使用tabindex属性创建了一个div可以使隐藏内容可访问. 目前,当用鼠标点击时,div会获得浏览器：焦点样式. 有没有办法让tabbable元素在通过键盘访问时只有焦点样式？锚元素默认具有此功能. > div with tabindex =’0’在鼠标和键盘上获得浏览器焦点样式 相互作用 > Anchor在键盘交互中获取浏览器焦点样式 只要 我希望div模仿锚点.不幸的是,让它成为锚是一种 我使用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呢？

总结

以上是内存溢出为你收集整理的HTML – Tabindex焦点样式全部内容，希望文章能够帮你解决HTML – Tabindex焦点样式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。