【CSS】border-radius的圆角会消失，兼容问题

html-css087

【CSS】border-radius的圆角会消失，兼容问题,第1张

做就要做全-webkit 是对border-raidus属性的浏览器兼容兼容

-webkit-border-radius：苹果；谷歌，等一些浏览器认，因为他们都用的是webkit内核；

-moz-border-radius：moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。

在这两个属性有值的时候，去掉哪个属性，对用他们做内核的浏览器就有影响，如果没值的话，就没影响，这两个属性和，IE，和360没关系。不删除的话影响微乎其微.

哪个页面的？

一般被划掉是代表有更优先的CSS赋值了，

比如

*{ color:black }

div{ color:blue}

在DIV中的就是蓝色，因为DIV的这个优先级更高

style:"" > id > class

body *{

-moz-border-radius: 0

-webkit-border-radius: 0

border-radius: 0

}

上面的是CSS清理Body下所有元素的圆角，如果想用 js 或 jquery 来控制是否取消圆角的话，改成

body.noradius *{

-moz-border-radius: 0

-webkit-border-radius: 0

border-radius: 0

}

//注意空格  body 与 .noradius 之间无空格，dius 与 * 之间有空格

然后 利用 js 或 jquery 给body 添加 class="noradius":

$('xxx').addClass('noradius')  //会去掉所有圆角