今天在公司写了一个登录页面效果，让我碰到一个怪异的问题——"表单中的input type=submit和input type=reset按钮在iPhone的safari浏览器下圆角有一个bug”很是疑惑，于是搜集整理一番,下面我来简单的描述一下这个bug的样子

刚接触写手机页面 或许都会遇到iPhone的safari浏览器上submit按钮圆角bug，下面为大家介绍苹果浏览器样式如何重置submit，需要的朋友可以参考下

大家刚接触写手机页面 或许都会遇到的 修复iPhone的safari浏览器上submit按钮圆角bug 修改前：  修改后：  在CSS中加 复制代码代码如下: -webkit-appearance: none; 便可以解决。

自从完成上次iPhone的几个页面效果后，一直在没有制作iPhone的页面效果了，今天在公司写了一个登录页面效果，让我碰到一个怪异的问题——“表单中的input[type=submit]和input[type=reset]按钮在iPhone的safari浏览器下圆角有一个bug”。下面我来简单的描述一下这个bug的样子： 初载入页面后，表单中的input[type=submit]和input[type=reset]按钮渲染成下图的样子： 奇怪的是你点击以后就会正常： 对比一下，你也会觉得怪，