css box-shadow在ff / chrome

Question

我需要一个精确box-shadow的{​​{1}}，因为Chrome和Firefox的呈现方式不同：

我一直在尝试使用特定于浏览器的前缀div和-moz-来调整值。但是没有运气：-webkit-适用于旧版本的FF（最多35个），Chrome也不会使用-moz-前缀，它们都会呈现现在标准的-webkit-属性。更有趣的是，如果我只保留box-shadow和-moz-前缀，那么FF会使用-webkit-！

如何为每个浏览器单独调整值？

目标是有一个带阴影的底部边框，但要避免div左右两侧的阴影

这是Codepen。