html - 无法将 CSS 大纲重置为浏览器默认值

Question

我正在一个站点上，其中主 css 文件中的 anchor 大纲已设置为 none，如下所示:

*:focus {
    outline: none!important;
}

我添加了一个更具体的类来覆盖上面的内容，如下所示:

header a:focus {
    outline: initial!important;
}

问题是这不起作用。下面的代码有效

outline: 2px solid $black!important;

但我希望浏览器默认样式显示我认为应该可以使用“初始”关键字而不是我试图模仿所有默认样式。

Answer 1

今天我偶然发现了这一点。一个简单的解决方法是使用 revert .为我在 Chrome 上工作。

.outline-reset {
  outline: revert !important;
}