CSS Box Shadow无法在iPhone上运行

Question

出于某种原因,我无法在iPhone上的Safari或Chrome上显示CSS box-shadow.这是代码:

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输入字段上使用,这会导致任何问题吗？我究竟做错了什么？

在浏览器中显示...

Answer 1

如果在表单块中添加

-webkit-appearance: none;

iPhone可以搞乱表格.看到这里.

Answer 2

尝试添加-webkit-appearance: none;iOS 往往会弄乱表单。