css - 如何在 CSS 中使用原生浏览器大纲？

Question

当聚焦输入字段时，Chrome 和 Safari 会显示一个可以通过 CSS 删除的轮廓：outline: none;.

我想在其他一些部分显示这个大纲以提高可用性。有没有办法使用本机浏览器大纲？我只发现了如何显示自定义的。

Answer 1

您需要检查每个浏览器（通过 Inspector、F12 或 Firebug）的默认设置是什么。例如在 Chrome 中是

:focus {
    outline: 5px auto -webkit-focus-ring-color;
}