html - 为什么按 TAB 键不会导致我页面上的链接被“标记”？

Question

我看到当我按下 tab 键时，页面上的链接没有得到焦点。

我希望 TAB 键标记下一个 html 控件（锚点、输入），就像在任何其他站点中一样：

是 html/css 的问题吗？

Answer 1

很确定默认浏览器大纲被抑制了，这里是 all.css 文件中的代码：

a:focus,
div:focus,
input:focus{outline:none;}

我在一些移动网站中使用过它，Android 有时无法很好地使用它的元素轮廓。

编辑：

这是我直接从 HTML5 Boilerplate 覆盖大纲的方法：

a:focus                                             { outline:thin dotted; }
a:hover, a:active                                   { outline:0; }

Answer 2

这确实与CSS有关。在第 23 行的 all.css 中，您删除了通常突出显示焦点元素的蓝色轮廓

a:focus, div:focus, input:focus{outline:none;}

如果你想让它突出显示，那么你需要定义某种样式。或者您只需删除这些线条并获得标准的蓝色轮廓。