首页 > 网络编程 > JavaScript > javascript类库 > jquery > jquery修改css中带有!important的样式属性

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

2016-04-28 15:21:36 投稿：jingxian

如何使用jquery修改css中带有!important的样式属性？下面小编就为大家带来一篇使用jquery修改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");

以上这篇如何使用jquery修改css中带有!important的样式属性就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。