使用 jQuery 修改 css 中带有 !important 的样式属性

外部样式为：

div.test {width:auto !important;overflow:auto !important
}

通过 $("div.test").css("width","100px"); 和 $("div.test").css("width","100px !important"); 是无效的

要想修改 div 的 width，可以通过如下这种方式：

1
$("div.test").css("cssText", "width:650px !important;");

要想修改多个属性，可以这么做：

1
$("div.test").css("cssText", "width:650px !important;overflow:hidden !important");

特别注意：

cssText 属性，会把先前的 css 值全部给覆盖掉，为了保留先前其他的样式，可以这么做：

1 1
2 2
3 var cssText = $("div.test").attr("style") + ";width:650px !important;";
4 $("div.test").css("cssText": cssText);

转载于:https://www.cnblogs.com/zqld/p/7027104.html

使用 jQuery 修改 css 中带有 !important 的样式属性相关推荐

如何使用jquery修改css中带有!important的样式属性
<div class="test">使用jquery修改css中带有!important的样式属性</div> 外部样式为: div.test{width: ...
CSS中border的所有样式属性
CSS中border的所有样式属性 1.solid:实线使用方法:border:solid 1px #000; 我发现border:1px solid #000;和border:solid 1px ...
让IE7/8使用CSS中first-child和last-child样式属性
项目最终效果如下图所示: 可以看出2个tab之间有一天分割线,这条分割线没有使用单独的div或者span.而是使用li标签的border-right.但是最后一个需要隐藏,否则效果不是很理想. 最原始 ...
jQuery修改!important的css样式jQuery修改css未生效
当我们使用jQuery修改带有!important的css样式或者jQuerycss样式未生效可尝试以下解决办法 1.解决办法原有代码: <!DOCTYPE html> <html ...
php 修改 wordpress,修改WordPress中文章编辑器的样式的方法详解
这篇文章主要介绍了修改WordPress中文章编辑器的样式的方法详解,同时文中也推荐了两款取代默认文章编辑器的插件,需要的朋友可以参考下自定义文章编辑器的样式每一个 WordPress 主题的文章样 ...
webpack插件实现自动抽取css中的主题色样式，并动态切换主题色（element-ui）
项目项目中用了element-ui,有切换主题色的需要.但官方的方式,有几个问题: 1.需要下载整个element-ui的样式css,并替换其中的css样式颜色.文件较大,下载慢且影响性能. 2.只能 ...
css中字体下划线样式,css下划线浅谈css自定义下划线
使用css样式对一段文字或一段文字中其中几个文字设置虚线效果的下划线如何实现?我们知道css字体下划线使用text-decoration样式实现,而虚线下划线则不能使用此css样式属性.要实现通过下边 ...
CSS中position的几个属性值
CSS中position的几个属性值 position的四种取值 : static:static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定 ...
html h1转换为行内,css中转换为行内样式的解决方案(css-inline)
聊聊场景发送邮件在第三方网站中嵌入HTML 从其他编辑器拷贝编辑好的文章发布到微信.今日头条等自媒体在以上场景使用行内样式的兼容性要高很多,也可以保持原样式不变解决方案这两种方案功能和 Ap ...
微信小程序使用setData方法修改data中对象或数组的属性值
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到网站微信小程序使用setData方法修改data中对象或数组的属性值使用微信小程序开发时,涉及到data ...

使用 jQuery 修改 css 中带有 !important 的样式属性

特别注意：

使用 jQuery 修改 css 中带有 !important 的样式属性相关推荐

最新文章

热门文章