Question

在我正在建造的网站上，我正在使用边框 - 轮廓 - 框体阴影。

请参阅此处jsFiddle

border: 9px solid #0C144E;
outline: 9px solid #fff;
box-shadow: 0 0 0px 18px #CC092F;

我的问题是Firefox以不同的方式呈现大纲。

我可以通过申请来解决这个问题：

outline-offset: -18px;

虽然它修复了firefox，但这意味着它无法在Chrome，Safari中正确显示，有没有办法将它应用到firefox只有我尝试添加-moz-无济于事。或者另一种方式。

Answer 1

您可以使用此处显示的技术：CSS Hacks Targeting Firefox

@-moz-document url-prefix() { 
  body {
    outline-offset: -18px;
  }
}