-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') //会去掉所有圆角
改成:div.style.borderRadius,从网上抄来的,我没试是否有效。没有中划线的css属性一般直接使用 style.属性名 即可。如:obj.style.width,obj.style.position 等。
对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。
如:obj.style.marginTop,obj.style.borderLeftWidth,obj.style.zIndex,obj.style.fontFamily等。
另外在css中有一个特殊的属性其js使用方法比较特殊。这个特殊的属性就是:float。我们不能直接使用obj.style.float来使用,这样操作是无效的。其正确的使用方法是为:IE:obj.style.styleFloat,其他浏览器:obj.style.cssFloat。
上面不行的话你还可以这样:
1、先定义一个CSS规则,然后 xxx.className=""
2、 xxx.style.cssText="border:1
solid #0B2565background:redborder-radius:5px"