最近一直在做手机用户中心,一个问题一直遗留下来,那就是input按钮在Safari下的圆角问题,并且带滤镜,在PC端和安卓下都是正常的,设置border-radius:0都不行,实在让人摸不着头脑,后来经过一番摸索,终于知道怎么搞了,其实只需要在CSS的input里加一行-webkit-appearance就可以了
代码如下:
.main .item-btns .btn-login {
display: inline-block;
width: 100%;
height: 40px;
border-radius: 3px;
background: #4998e7;
text-decoration: none;
line-height: 39px;
text-align: center;
font-size: 17px;
color: #fff;
-webkit-appearance:none;/*解决iOS Safari input按钮上的圆角问题*/
}