input标签中button在iPhone中圆角的问题

1、问题

使用H5编写微信页面时，使用<input type="button"/>时，在Android手机中显示正常，但是在iPhone手机中则显示不正常，显示为圆角样式，设置border-radius:0;也不好使。

2、解决方式

通过使用css样式-webkit-appearance:none;就可以轻松解决iPhone手机上显示的圆角问题了。

Html

<input type="button" class="btn" />

Css

input .btn{
    -webkit-appearance:none; /*解决iPhone 浏览器上的圆角问题*/
}

转载于:https://www.cnblogs.com/jianxuanbing/p/5580503.html