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

时间:2023-12-28 14:18:08

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