input 的submit的按钮样式总结（解决ios样式改变）

input 的submit的按钮样式总结（解决ios样式改变）

nput type=button 按钮设置比如颜色和圆角这样样式的时候，会发现在ios和android手机上渲染出来的效果不一样

显示效果:android和预期效果是一样的，而ios的颜色是渐变显示的，圆角也相对较大

原因：ios在圆角和颜色属性上有默认的按钮渲染方式

解决方法：在你的全局样式或者局部样式加入-webkit-appearance:none即可解决

input[type="submit"]{
        -webkit-appearance: none;
          border-radius: 0;
}