Question

我有一个奇怪的问题，专注于FF 17.我有一个div没有tabindex attr和一个tabindex =“0”。我是Shift + TAB从第二个div（使用tabindex）到第一个div（没有tabindex）。奇怪的是，第一个div正在接收焦点，整个div用虚线突出显示。任何人都可以告诉我为什么FF将焦点放在第一个div上，即使没有tabindex属性？

如果有兴趣，第一个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;

感谢。

Answer 1

css属性名为outline，它将概述页面上的元素，因此当您使用键盘进行制表时，您可以看到您所在的元素。

如果要禁用它，请在css类中设置outline:0;。

Answer 2

它得到了关注，因为它有overflow: auto。发生这种情况的原因是具有overflow:auto的内容可以具有滚动条，具体取决于它们的内容，当它们具有滚动条时，您需要它们以Tab键顺序，以便您可以选择它们并使用箭头键滚动，对于没有使用鼠标。但是，此时您必须始终在标签顺序中放置overflow:auto内容，或者在更改字体大小或调整浏览器窗口大小等时更改标签顺序。后者对用户来说非常混乱，所以Gecko做了前者。

我们可以把焦点放在没有tabindex attr的div上吗？

2 个答案: