jquery使用css函數設置背景色無效解決辦法

外部的css樣式爲:css

#imageArea{
    width: 200px;
    height: 300px;
    background-color: #eee !important;
}

經過 如下代碼來修改其背景色是無效的markdown

$("#imageArea").css("background-color", "#444444")
$("#imageArea").css("background-color","#444444 !important");

查閱資料得要想修改 div 的背景色(其餘樣式也同樣),能夠經過以下這種方式:atom

$("#imageArea").css("cssText", "background-color:#444444!important");

如需修改多個樣式,能夠使用如下方法:spa

$("#imageArea").css("cssText", "height:480px !important; overflow:scroll !important");

 

備註:
cssText 屬性,會把先前的 css 值所有給覆蓋掉,爲了保留先前其餘的樣式,能夠把現有樣式賦值給cssText,像好比要保留width屬性,固然cssText也能夠鏈式設置樣式:.net

var cssText = $("#imageArea").attr("style") + ";width:200px !important;";
$("#imageArea").css("cssText": cssText);

其餘更多cssText應用請參考cssTex資料
原文連接:https://blog.csdn.net/kirinlau/article/details/87696436code

相關文章
相關標籤/搜索