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

发布网友发布时间：2022-05-07 00:59

共3个回答

热心网友时间：2023-10-09 23:51

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

热心网友时间：2023-10-09 23:51

这个不能直接伸手吧！！首先你要去掉属性，那你就找到所有圆角属性的节点，然后设置这些节点就对了。怎么获取这些节点，你搜一下就出来了。

热心网友时间：2023-10-09 23:52

把css style中的border-radius都清空，或者设为0，即可。追问问题是页面有很多啊，有内联也有外联样式，一个个找不靠谱啊...

追答对满足style.borderRadius!=0的元素遍历试试啊