jquery使用css函数设置背景色无效解决办法

Posted 2022-11-20 guo-xu

外部的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