jquery修改css样式,样式带!important

  由于需求的需要,今天在用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

jquery修改css样式,样式带!important的相关文章

使用 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 $(&

jQuery修改css属性

jQuery CSS 操作jQuery 拥有三种用于 CSS 操作的重要函数:$(selector).css(name,value)$(selector).css({properties})$(selector).css(name) 函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值:实例$(selector).css(name,value)$("p").css("background-color","red"); 函

jQuery(六) jQuery修改class属性和CSS样式

jQuery修改class属性和CSS样式 class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔. 具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 用jQuery进行类名修改既可以用attr()方法修改”class”属性,也可以用

jQuery修改class属性和CSS样式

原文:jQuery修改class属性和CSS样式 jQuery修改class属性和CSS样式 class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔. 具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 用jQuery进行类名修改既可以

JQuery利用css()修改样式后 hover失效的解决办法

执行完代码后发现写在样式表中的hover效果失效,改了好几遍差点重新写函数,后来发现很简单,是优先级的问题,css()中的内容覆盖了之前的样式 只需要在样式后写!important即可解决! 1 .filters-wrap li:hover { 2 background:#0085d7 !important; 3 } 4 .filters-wrap li:hover span { 5 color:white !important; 6 }

07.30《jQuery》——1.4修改CSS样式

1.单一修改样式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #aaa{ height: 100px; width: 100px; background-color: red; } </style> <script src=&

jQuery修改样式

jQuery修改class属性和CSS样式 class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔. 具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 用jQuery进行类名修改既可以用attr()方法修改”class”属性,也可以用

用JS查看修改CSS样式(cssText,attribute(&#39;style&#39;),currentStyle,getComputedStyle)

CSS样式定义方法 大家都知道,在为HTML设置样式的时候,通常有三种方法:内联样式,内部样式表,外部样式表. 1.内联样式: 内联样式表就是在HTML元素中的行内直接添加style属性. 1 <div id="div1" style="width: 100px; height: 100px; background: black"> 2 </div> 2.内部.外部样式表: 内部样式表就是在<head>头部里有<style&

JQuery属性与样式——样式操作.css()和元素数据的存储.data()

样式操作.css()和元素数据的存储.data() 1   .css()方法用于获取元素样式属性的计算值或者设置元素的css属性 2   .css()获取元素样式属性的计算值的2种方法 .css(propertyName)获取匹配元素集合中的第一个元素的样式属性的计算值 .css(propertyNames)传递一组数组,返回一个对象结果 3    .css()设置元素的css属性的3种方法 .css(propertyName,value)设置css .css(propertyName,func