复制代码
.form-actions input{
…
-webkit-appearance: none;
}
更新到iPhone一看，真爽，问题解决了。
原来问题出在这里，iPhone上的safari解析input[type="submit"]和input[type="reset"]按钮会以苹果浏览器的默认UI渲染，这样就出现我刚才那种现像，我们在样式中明确的设置了button的圆角值，但到iPhone的safari上就不生效了。要想让他生效，就需要在样式中明确的指名：
复制代码
.form-actions input{
…
-webkit-appearance: none;
}
告诉浏览器我们不希望按钮按苹果的默认UI来渲染。
那么"-webkit-appearance"对button还有什么影响呢？大家可以参考下面的截图：
上图所显示的效果，都将button设置了：
复制代码
.button {
border-radius: 0;
}
效果图明显的告诉我们，在不同的“-webkit-appearance”选值情况下，button所渲染的效果是不一样的，详细的测试代码大家可使用safari浏览器点击这里。有关于“-webkit-appearance”的详细介绍，这回算是知道了，最后我建议大家，我们可以直接在“reset.css”样式文件中加处这么一句：
复制代码
input[type=”submit”],
input[type=”reset”],
input[type=”button”],
button {
-webkit-appearance: none;
}
这样一来就不会为这样的问题头痛了。
如果你还没有碰到，或者你也在开发移动端web，都希望你记住这个小技巧，因为当你在制作中碰到这样的问题时，不会为此抓破头皮，能解决你问题。最后希望大家喜欢这篇文章，如果你觉得对你有所帮助，可以推荐给你的朋友，或者有更好的分享可以在下面的评论中直接给我们留言。
