使用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");
posted @ 2016-04-28 15:58  墨韵明空  阅读(299)  评论(0编辑  收藏  举报