Safari webkit box shadow 不起作用

Question

我正在编写一个响应式应用程序，所以我希望它在每个浏览器上运行。我发现使用 box-shadow 在 safari 上不起作用，所以我使用了-webkit-box-shadow

我尝试以这种方式使用它：

.adresseinput{
  height:50px;
  background-color: white;
  border-radius: 10px;
  border: 2px solid white;
  box-shadow: 0 0 0 3px red inset;
  -webkit-box-shadow: 0 0 0 3px red inset;
  outline: none;
}

但它根本不起作用，知道为什么吗？我该如何解决这个问题？

编辑 ：如果你想要更精确，我期待着在 CSS 中做一些类似法国城市面板的事情（一个白色输入，里面有一个红色边框，没有粘在输入的限制上）。对不起，如果我犯了英语错误

Answer 1

如果您阅读此处列出的说明和已知问题，您会发现0px像素模糊半径、一般模糊半径和inset在某些版本的 Safari 中存在问题。

野生动物园：

• 3.1
• 3.2
• 6

苹果

• 3.2
• 6

我会看看您是否可以通过在目标平台上单独测试inset和模糊半径来隔离问题。

还提到iOS 8有一个与缩放相关的错误。