Html CSS框阴影在iPhone上不起作用

由于某些原因，我无法在我的iPhone上的Safari或Chrome上显示CSS框阴影。代码如下：

input.error {
  box-shadow: 0 0 5px 1px rgba(224, 39, 14, 1);
  -webkit-box-shadow: 0 0 5px 1px rgba(224, 39, 14, 1); 
  -moz-box-shadow: 0 0 5px 1px rgba(224, 39, 14, 1);
}

代码正在HTML输入字段上使用，这会导致任何问题吗？我做错了什么

---

在浏览器中显示“精细…”。

如果这是在表单块中，请添加

-webkit-appearance: none;

---

iPhone会弄乱表单。请参阅。

，因为您写错了
试试这个：

-webkit-box-shadow: 0 5px 1px rgba(224, 39, 14, 1);   

---

您只需为其编写3个大小的文件

尝试添加

-webkit外观：无iOS往往会弄乱表单。
我已经尝试了internet上列出的所有方法，以静态方式解决此问题。我能做的唯一一件事就是使用-webkit-box阴影样式，但要添加#222这样：

-webkit过滤器：投影（0.5px 1px 1px#222）
 在我的例子中，我修复了添加所有这些规则的问题：

-webkit-appearance: none;
border:0;
border-radius: 1px;
height: 1px;

特别是设置高度时，MobileSafarithis作品中没有出现“已解决问题”框阴影的可能副本，但请注意，这会重置css堆叠的顺序。i、 e.z索引将停止正常工作。提到