外部的css样式为:

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

通过 以下代码来修改其背景色是无效的

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

查阅资料得要想修改 div 的背景色(其他样式也一样),可以通过如下这种方式:

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

如需修改多个样式,可以使用以下方法:

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

备注:
cssText 属性,会把先前的 css 值全部给覆盖掉,为了保留先前其他的样式,可以把现有样式赋值给cssText,像比如要保留width属性,当然cssText也可以链式设置样式:

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

其他更多cssText应用请参考cssTex资料
原文链接:https://blog.csdn.net/kirinlau/article/details/87696436

05-11 21:45