1. 程式人生 > >jquery css 新增 !important 樣式無效

jquery css 新增 !important 樣式無效

一、問題

要用jquery中css方法覆蓋css樣式中的color: #998!important的樣式。
原來用的是:
    $('#box').css({"width":"82px", "top":"8px", "color":"#fff!important"});
結果毫無疑問,沒有效果。

二、結果

後,發現在用css方法新增 !important 時,需要用特殊的寫法。即,
    $("#box").css("cssText","color:#fff!important;");
這種方法沒有錯。但在我修改的專案中,添加了好幾個內聯樣式,寫法錯了,應寫成:
    $("#box").css("cssText","width:82px;top:8px;color:white!important");
這種方式,!important 才有效果。
至於自己猜測的錯誤寫法,還是不貼了。。