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 浏览器上的圆角问题*/
}