jquery - 用 css 或 jquery 重写 !important

Question

(这是在 chrome 扩展中使用内容脚本)

我需要覆盖网页标记为 !important 的一些 css 属性。这可能吗？

例如，如果我想摆脱标记为重要的边框:

$(".someclass").css('border','none'); //does not work

Answer 1

给你:

$( '.someclass' ).each(function () {
    this.style.setProperty( 'border', 'none', 'important' );
});

现场演示: http://jsfiddle.net/Gtr54/

元素的 style 对象的 .setProperty 方法使您能够传递表示优先级的第三个参数。因此，您正在使用自己的 !important 值覆盖 !important 值。据我所知，无法使用 jQuery 设置 !important 优先级，因此您唯一的选择是内置的 .setProperty 方法。