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

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

 

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

按钮的样式明显不对啊。

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

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

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