修复iPhone上 button 按钮bug

               

              在写界面的时候遇到这个问题：在iPhone上，button按钮渲染异常，如图

 

正常应该是这样的 

iPhone上的safari解析input 按钮会以苹果浏览器的默认UI渲染（苹果的WKWebview，webKit），sarifa浏览器和微信iPhone端都是用的WKWebview，微信端网页也是的

在input 样式中加个  -webkit-appearance:none; 告诉浏览器我们不希望按钮按苹果的默认UI来渲染。

-webkit-appearance: none;

解决方案：

在css代码中加上这段代码

		input[type="button"]{
			-webkit-appearance: none;
		}