css - 如果outline设置为0，是否恢复:focus的初始样式？

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

这在Chrome中有效，但在Firefox中不适用：

  outline: initial;
  outline-style: auto;

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

最佳答案

编辑：
我认为Firefox无法识别outline-style: auto;

outline:initial;
outline-style: initial;

旧：

是否可以仅将outline-style: none;应用于:focus，然后失去焦点时，它会自动返回其原始轮廓，而无需执行outline-style: auto;？

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

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

关于css - 如果outline设置为0，是否恢复:focus的初始样式？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32505064/