Css 如果大纲设置为0,是否恢复:焦点的初始样式?

Css 如果大纲设置为0,是否恢复:焦点的初始样式?,css,Css,我正在加载一个视频播放器,它通过将大纲设置为0来隐藏:焦点样式。我需要用CSS覆盖它,为聚焦元素恢复默认的浏览器样式。有没有跨浏览器的方法可以做到这一点 这适用于Chrome,但不适用于Firefox: outline: initial; outline-style: auto; 我至少需要支持Chrome、Firefox和IE的最新版本。设备将以全屏方式加载视频,因此不需要样式 编辑: 我认为firefox无法识别大纲样式:auto outline:initial; outline-

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

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

  outline: initial;
  outline-style: auto;
我至少需要支持Chrome、Firefox和IE的最新版本。设备将以全屏方式加载视频,因此不需要样式

编辑: 我认为firefox无法识别
大纲样式:auto

outline:initial;
outline-style: initial;
旧的:

是否可以只应用
大纲样式:无
打开
:焦点
,然后当它失去焦点时,它将自动返回其原始轮廓,而无需执行
轮廓样式:自动

.focusMe:focus{
轮廓样式:无;
颜色:灰色;
}
.焦点{
轮廓样式:虚线;
}

我们的谈话可能有不同的目的。我正在加载第三方视频播放器,这意味着我无法编辑已经存在的HTML或CSS。此CSS设置大纲:0;隐藏按钮的焦点状态。我需要的是恢复默认的焦点状态。我回答中的代码对Chrome做了这一点,但我看不出对Firefox如何做。试试
outline style:initial
而不是
auto
ahh,很抱歉,开发者网站说firefox 1.5及更高版本中的
initial
具有兼容性。德国劳埃德船级社