iphone中 input圆角bug

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

如图:   iphone中 input圆角bug

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

解决办法,很简单:

input{-webkit-appearance:none;}

添加在样式里面就ok了。

上一篇:【体验有礼】Serverless 极速搭建 Hexo 博客


下一篇:Java8 Period.between方法坑及注意事项