jquery修改带!important的css样式

时间:2023-03-08 16:46:56

由于需求的需要,今天在用jquery修改一个弹出框的样式的时候,由于有一个按钮有padding-left:12px;导致内间距空出来的这一块颜色用普通的方式无法改变。

普通的jquery修改css的方法:$("#idName").css("backgroundColor","red");但是这个方法无法改变padding-left:12px;这一块的背景色,因为定位不到它的id。

后来在网上找到了一个方法,说要在样式后面加个!important,然后我在google开发人员工具上试了一下,果 然可以了。但是直接写$("#idName").css("backgroundColor","red!important");不能实现,而且让 red样式都不可用了。

后来在网上又找到了一个方法:$("#idName").css("cssText","background-color:red!important");这样就能够解决了。( 注意:后面是background-color:red!important,而不是backgroundColor:red!important,我在这里卡了半天,找了好久才找到这个原因,这个让我一开始用这个方法时的css没有效果。 )

jquery修改带!important的css样式