修复iPhone浏览器上submit按钮样式改变的bug

2018-06-13 Jgw、无尘 1317次 我要评论

今天在iphone手机上测试项目,发现一个怪异的事情。原本应该显示成这样界面未命名截图

结果在iphone浏览器上却显示了如下的效果

未命名截图

按钮的样式明显不对啊。

然后看一下这个按钮的样式描述

未命名截图

猜测是iphone浏览器对这个submit按钮有自己的默认显示样式,通过查阅网上的资料,发现可以给改提交按钮添加 -webkit-appearance:none; 来改变iphone浏览器对它的默认风格。

关于-webkit-appearance的用法,建议大家可以看看css手册,这里就不过多介绍了


声明:
1.本站的资源收集于互联网,仅供大家学习交流,请勿用于非法用途,否则后果自负!
2.如转载本站的原创文章,请勿必注明文章来源,对于不尊重原创的行为我们将追究责任