使用jquery修改css中带有!important的样式属性

时间:2023-03-08 17:03:06

当CSS中含有!important的样式属性时,普通的修改方式是会出现失败的。如下:

<div class="test">使用jquery修改css中带有!important的样式属性</div>

外部样式为:

div.test{
width:auto !important;
overflow:auto !important
}

通过 $("div.test").css("width","100px");$("div.test").css("width","100px !important");是无效的

要想修改div的width,可以通过如下这种方式:

$("div.test").css("cssText", "width:650px !important;");

要想修改多个属性,可以这么做:

$("div.test").css("cssText", "width:650px !important;overflow:hidden !important");