正在加载周涛博客
自留地
切勿乱来!
        找回密码

快速解决表单input按钮在ios safari下圆角的问题

最近一直在做手机用户中心,一个问题一直遗留下来,那就是input按钮在Safari下的圆角问题,并且带滤镜,在PC端和安卓下都是正常的,设置border-radius:0都不行,实在让人摸不着头脑,后来经过一番摸索,终于知道怎么搞了,其实只需要在CSS的input里加一行-webkit-appearance就可以了
15YK~A7}5)@$2@3J)ID5JSK
代码如下:

.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按钮上的圆角问题*/
}
赞(1) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《快速解决表单input按钮在ios safari下圆角的问题》
文章链接:https://www.ediok.cn/blog/2015/04/357.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

关注互联网发展前沿,关注PHPCMS技术演进,钻研PHPCMS技术开发

模块开发联系我们

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏