覆盖！重要的是css或jquery

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/

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

Answer 2

你也可以这样做：

$(".someclass").css("cssText", "border: none !important;");

Answer 3

这应该有所帮助。

$(".someclass").attr("style","border:none!important");

已更新，以免覆盖所有样式：

var existingStyles = $(".someclass").attr("style");
$(".someclass").attr("style", existingStyles+"border:none!important");

Answer 4

还有另一种方式

$("#m_divList tbody").find("tr[data-uid=" + row.uid + "]").find('td').css("cssText", "color: red !important;");

css（＆＃34; cssText＆＃34;，＆＃34;颜色：红色！重要;＆＃34;）;

Answer 5

我们可以使用jquery添加类

$("someclass").addClass("test");

<style>
.test{
border:none !important;
}
</style>