【问题标题】:How to use the native browser outline in CSS?如何在 CSS 中使用原生浏览器大纲?
【发布时间】:2011-12-08 10:59:14
【问题描述】:

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

我想在其他一些地方显示这个大纲以提高可用性。 有没有办法使用本机浏览器大纲? 我只found 出了如何显示自定义的。

【问题讨论】:

  • 主要是可点击的东西(就像 gmail 在左侧导航中所做的那样)。但这对于这个问题并不重要吗?

标签: css outline


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2013-05-16
    • 1970-01-01
    • 2018-10-07
    • 1970-01-01
    • 1970-01-01
    • 2023-03-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多