css - 恢复 :focus if outline is set to 0? 的初始样式

Question

我正在加载一个视频播放器，它通过将轮廓设置为 0 来隐藏 :focus 样式。我需要用我的 CSS 覆盖它以恢复焦点元素的默认浏览器样式。有没有跨浏览器的方式来做到这一点？

这适用于 Chrome 但不适用于 Firefox:

  outline: initial;
  outline-style: auto;

我至少需要支持 Chrome、Firefox 和最新版本的 IE。设备将全屏加载视频，因此不需要为此设置样式。

Answer 1

已编辑:我认为 firefox 无法识别 outline-style: auto;

outline:initial;
outline-style: initial;

旧:

是不是可以只在 :focus 上应用 outline-style: none; 然后当它失去焦点时，它会自动返回到原来的轮廓而不需要做 outline-style: auto;?

.focusMe:focus {
    outline-style: none;
    color: gray;
}
.focusMe {
    outline-style: dashed;
}

<a href="#" class="focusMe">THIS IS DIV THING</a>