1

我在关注 FF 17 时遇到了一个奇怪的问题。我有一个没有 tabindex 属性的 div 和一个 tabindex="0" 的 div。我是 Shift+TAB 从第二个 div(带 tabindex)到第一个 div(没有 tabindex)。奇怪的是,第一个 div 正在接收焦点,整个 div 用虚线突出显示。谁能告诉我为什么即使没有 tabindex 属性,FF 也将重点放在第一个 div 上?

如果有兴趣,第一个 div 有以下 CSS

clear: both;
min-width: 1010px;
left: 7px;
right: 7px;
top: 141px;
bottom: 10px;
overflow: auto;
position: absolute;
-webkit-box-shadow: 0 5px 4px #DDD;
box-shadow: 0 5px 4px #DDD;
background: none repeat scroll 0 0 #FDFDFD;
border: 1px solid #AAA;
border-top: 0;

谢谢。

4

2 回答 2

4

调用 css 属性outline,它将勾勒页面上的元素,因此当您使用键盘进行选项卡时,您可以看到您在哪些元素上。

如果你想outline:0;在你的css类中禁用它。

于 2013-01-08T12:15:52.253 回答
1

它之所以受到关注,是因为它有overflow: auto。发生这种情况的原因是overflow:auto,根据它们的内容,可以有滚动条的东西,当它们有滚动条时,你希望它们按 Tab 顺序排列,这样你就可以对它们进行 Tab 并用箭头键滚动,对于不使用鼠标的用户. 但是到那时,您要么必须overflow:auto始终将内容放在标签顺序中,要么在更改字体大小或调整浏览器窗口大小或诸如此类时更改标签顺序。后者让用户很困惑,所以 Gecko 是前者。

于 2013-01-09T05:11:45.293 回答