首页 > 移动平台 > 详细

移动端border-radius失效

时间:2019-11-25 10:55:12      阅读:165      评论:0      收藏:0      [点我收藏+]

因为IOS自带样式,移动端div设置的 border-radius 失效解决办法:

.content-div{
    width: 80px;
    height:80px;
    border-radius:40px !important;
}

 

万能的!important;
在border-radius属性里面添加!important:

CSS中的!important一般都是用于对低版本的除了iE 6 ,用来做hack的,后面缀上了!important的css语句,让浏览器首选执行这个语句,因为css有继承的样式,加上!importanrt可以覆盖父级的样式。

移动端border-radius失效

原文:https://www.cnblogs.com/wanlibingfeng/p/11926416.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!