safari webkit框阴影不起作用

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中做一些类似法国城市的pannel（白色输入，内部红色边框没有粘在输入的极限上）。对不起，如果我犯了英文错误

Answer 1

如果您阅读了here列出的备注和已知问题，您会看到colormap([1 0 0; 0 0 1; 0 1 0; 1 1 1]) 像素模糊半径，一般模糊半径和0px在某些版本的Safari浏览器。

Safari：

• 3.1
• 3.2
• 6

的iOS

• 3.2
• 6

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

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