html 怎么一次性把页面(html+css)所有的圆角属性都取消掉啊? js或者jQuery?代码怎么写啊?请大神告知

html-css010

html 怎么一次性把页面(html+css)所有的圆角属性都取消掉啊? js或者jQuery?代码怎么写啊?请大神告知,第1张

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')  //会去掉所有圆角

改成: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"