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

2024-10-18 19:26:12

当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");

最新文章

热门文章