首页 > 代码库 > iphone中 input圆角bug

iphone中 input圆角bug

      今天写了个简单的登录注册,在电脑手机(除了iphone)样式都没有问题,但在iphone中却出现了异常,提交的按钮变成圆角被背景渐变的效果,随后又测试两个iphone版都是一个样,断定应该是safari惹的祸。

如图:   技术分享

      搜索一番,果然,是iphone将<input type="submit">和<input type="reset">被safari浏览器解析默认会有个样式,添加圆角边,背景渐变。

解决办法,很简单:

input{-webkit-appearance:none;}

添加在样式里面就ok了。

iphone中 input圆角bug