iphone中 input圆角bug

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

如图:   

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

解决办法,很简单:

input{-webkit-appearance:none;}

添加在样式里面就ok了。

posted @ 2015-01-08 16:18  lmy_moonsky  阅读(1691)  评论(1编辑  收藏  举报