在Firefox中，Box-shadow渲染错误（在v49上观察到）。
的CSS：
.block {
width: 90px;
height: 90px;
box-shadow: 0 0 0 1px #0084A3;
border-radius: 100%;
}
它呈现不对称并取决于窗口高度。 这是fiddle。尝试垂直调整窗口大小，看看box-shadow发生了什么。很容易实现这样的事情： invalid box-shadow rendering。你可以看到顶部阴影比底部阴影宽得多。
Chrome和Safari可以很好地处理它。
我很感激任何有用的想法。
答案 0 :(得分：1)
请使用box-shadow: inset 0 0 0 1px #0084A3;它在firefox和chrome浏览器中提供相同的输出。
答案 1 :(得分：0)
试试这个-moz-box-shadow: 0 0 0 1px #0084A3; for Firefox;
答案 2 :(得分：0)
San是对的，但只是为了更多细节..
有两种类型的阴影 1.内部（插图） 2.外（默认）
所以在css3中，默认情况下，如果没有指定inset属性，它将采用外部阴影。
<强>插入
如果未指定（默认），则假定阴影为阴影（就好像该框被提升到内容之上）。
inset关键字的存在将阴影更改为框架内的阴影（就好像框内的内容被按下一样）。在边框内部（甚至是透明的）绘制插入阴影，在背景上方，但在内容下方。
查看此link了解更多详情
