如何在jquery中动态添加！important样式

小陈同学，，

已于 2022-06-17 17:29:03 修改

阅读量1.2k

点赞数 1

分类专栏： jquery 文章标签： jquery css javascript

于 2022-06-17 17:20:30 首次发布

本文链接：https://blog.csdn.net/ping_lvy/article/details/125336973

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

今天改bug时候出现了一个bug，在js中修改样式时加入！important，但是 html中没有该样式，

错误写法：

               $('#confirm').css({
						'background':'#f5f5f5',
						'cursor':'not-allowed',
						'border':'1px solid #d9d9d9!important',
						'color':'#adadad',
						'border-radius':'2px'
				})

正确写法：

                $('#confirm').css(
                     "cssText",
                     "border:1px solid #d9d9d9!important")
				$('#confirm').css({
					'background':'#f5f5f5',
					'cursor':'not-allowed',
					'color':'#adadad',
					'border-radius':'2px'
				}).

原因:

！important修饰是整句CSS代码如“color：red”，而在第一种写法中，表述的意思是 color = “red ！important”，color没有“red ！important”这样的值，所以渲染器直接识别不了，而造成了html中没有style。

使用cssText属性

参考文档：cssText的用法以及特点 - 马静怡 - 博客园