在Webkit浏览器中访问此超级简单的jsfiddle链接并点击其中一个输入框:
<input type="text">
<input type="text">
<input type="text">
<a href="#">my first link</a>
<a href="#">my second link</a>
<a href="#">my third link</a>
注意,您可以使用 Tab 键(和 Shift+Tab 来倒序导航)在两个输入框和链接之间进行键盘导航。
现在,在 Mac OS 上的 Firefox 中查看相同的代码段并尝试相同的操作。输入框会获得焦点,但链接不会获得焦点。这不是 CSS 显示问题。焦点从最后一个输入框跳到 URL 栏。
我已经在标记中尝试了无数种组合的 tabindex
声明,但都没有用,例如:
这里到底发生了什么?我会接受任何具有以下内容的答案:
a) 在 Firefox 中正常工作的代码段
b) 解释 Mozilla 在想什么。它似乎与 规范 相矛盾。
tabindex
,并在所有链接上仅放置tabindex="-1"
。我无法访问FF进行测试。 - Ryan B