safari浏览器下 input 表单的阴影

之前写了一个登录表单页面，再iphone上测试遇到了一些奇怪的问题：表单中的input[type=”submit”]按钮在iPhone的safari浏览器下会出现圆角的情况；input[type=”text”]文本输入框会有内阴影，这些问题该怎么处理呢？
阴影图片：

正常图片：

在IOS下，input 表单默认会有个内阴影，一定程度上影响视觉一致，可通过设置下面代码去掉：

input{
-webkit-appearance: none;
}

如果你还没有碰到，或者你也在开发移动端web，都希望你记住这个小技巧，因为当你在制作中碰到这样的问题时，不会为此抓破头皮，能解决你问题。