使用jquery修改css中带有!important的样式属性
当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");