(这是在Chrome扩展中使用内容脚本)
我需要覆盖一些CSS属性,网页标记为!important。这可能吗?
例如,如果我想摆脱标记为重要的边框:
$(".someclass").css('border','none'); //does not work
解决方法
干得好:
$( '.someclass' ).each(function () { this.style.setProperty( 'border','none','important' ); });
现场演示:http://jsfiddle.net/Gtr54/
元素的样式对象的.setProperty方法允许您传递代表优先级的第三个参数。所以,你重写一个!重要的价值与你自己的!重要的价值。据我所知,它不可能设置!重要的优先级与jQuery,所以你唯一的选择是内置的.setProperty方法。