jquery修改带有!important的样式

时间：2017-5-30类别：Web前端

jquery修改带有!important的样式

例如：有以下带有!important样式的HTML页面，要想修改li的width


<style>...
li.test{...}{
  width:auto !important;
  overflow:auto !important
}
</style>

<li class="test">http://www.studyofnet.com</li>

一、错误方法：

1、$("li.test").css("width","100px");

2、$("li.test").css("width","100px !important");

以上两种方式都无效。

二、可行方法：


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

三、如果带有多个!important的样式，其修改方法如下


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

标签：