【发布时间】:2011-12-08 10:59:14
【问题描述】:
当聚焦输入字段时,Chrome 和 Safari 会显示一个可以通过 CSS 移除的轮廓:outline: none;。
我想在其他一些地方显示这个大纲以提高可用性。 有没有办法使用本机浏览器大纲? 我只found 出了如何显示自定义的。
【问题讨论】:
-
主要是可点击的东西(就像 gmail 在左侧导航中所做的那样)。但这对于这个问题并不重要吗?
当聚焦输入字段时,Chrome 和 Safari 会显示一个可以通过 CSS 移除的轮廓:outline: none;。
我想在其他一些地方显示这个大纲以提高可用性。 有没有办法使用本机浏览器大纲? 我只found 出了如何显示自定义的。
【问题讨论】:
您需要检查每个浏览器(通过 Inspector、F12 或 Firebug)的默认设置是什么。例如在 Chrome 中是
:focus {
outline: 5px auto -webkit-focus-ring-color;
}
【讨论】: