由于需求的需要,今天在用jquery修改一个弹出框的样式的时候,由于有一个按钮有padding-left:12px;导致内间距空出来的这一块颜色用普通的方式无法改变。
普通的jquery修改css的方法:$("#idName").css("backgroundColor","red");但是这个方法无法改变padding-left:12px;这一块的背景色,因为定位不到它的id。
后来在请教了公司的搞html的同事(民庆)后,他说要在样式后面加个!important,然后我在google开发人员工具上试了一下,果然可以了。但是直接写$("#idName").css("backgroundColor","red!important");不能实现,而且让red样式都不可用了。
后来在网上又找到了一个方法:$("#idName").css("cssText","background-color:red!important");这样就能够解决了。(注意:后面是background-color:red!important,而不是backgroundColor:red!important,我在这里卡了半天,找了好久才找到这个原因,这个让我一开始用这个方法时的css没有效果。)
jquery修改css样式,样式带!important,布布扣,bubuko.com
时间: 2024-10-11 23:22:09