复制浏览器的原生焦点样式

Remy 前几天记录了这一点。 Firefox 支持 Highlight 关键字，Chrome 和 Safari 都支持 -webkit-focus-ring-color 关键字。 因此，例如，如果您已从某个元素中删除焦点并希望将其恢复为与浏览器默认值相同的样式，或者希望在元素本身未直接处于焦点状态时对其应用焦点样式，这将非常有用。

例如

button:focus + span {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

对我来说看起来不错。 它在处理 Chrome 新的有点奇怪的双边框样式时特别有用，否则复制起来会有点棘手。