重写!重要的CSS或jQuery
(这是在Chrome扩展中使用内容脚本)
我需要覆盖一些CSS标签为!important
CSS属性。 这可能吗?
例如,如果我想摆脱被标记为重要的边界:
$(".someclass").css('border','none'); //does not work
干得好:
$( '.someclass' ).each(function () { this.style.setProperty( 'border', 'none', 'important' ); });
现场演示: http : //jsfiddle.net/Gtr54/
元素style
对象的.setProperty
方法使您可以传递代表优先级的第三个参数。 所以,你用自己的重要价值压倒了重要的价值。 据我所知,用jQuery设置!重要的优先级是不可能的,所以你唯一的select是内置的.setProperty
方法。
你也可以这样做:
$(".someclass").css("cssText", "border: none !important;");
还有另一种方法
$("#m_divList tbody").find("tr[data-uid=" + row.uid + "]").find('td').css("cssText", "color: red !important;");
css(“cssText”,“color:red!important;”);
$(".someclass").attr("style","border:none!important");
这应该有所帮助。