您的位置:首页 > Web前端 > jquery > 正文

jquery修改带有!important的样式

更多 时间:2017-5-30 类别:Web前端 浏览量:741

jquery修改带有!important的样式

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

    标签:jquery css