（这是在 chrome 扩展中使用内容脚本）
我需要覆盖网页标记为!important 的一些css 属性。这可能吗？
例如，如果我想去掉标记为重要的边框：
$(".someclass").css('border','none'); //does not work
【问题讨论】：
标签： jquery css content-script
给你：
$( '.someclass' ).each(function () {
this.style.setProperty( 'border', 'none', 'important' );
});
现场演示： http://jsfiddle.net/Gtr54/
元素的style 对象的.setProperty 方法使您能够传递代表优先级的第三个参数。所以，你用你自己的 !important 值覆盖了一个 !important 值。据我所知，使用 jQuery 无法设置 !important 优先级，因此您唯一的选择是内置 .setProperty 方法。
【讨论】：
$('#container).style 不起作用 - 请改用 $('#container)[0].style
style 属性仅适用于 DOM 元素本身，不适用于 jQuery 对象。
您也可以这样做：
$(".someclass").css("cssText", "border: none !important;");
【讨论】：
这应该会有所帮助。
$(".someclass").attr("style","border:none!important");
已更新，以免覆盖所有样式：
var existingStyles = $(".someclass").attr("style");
$(".someclass").attr("style", existingStyles+"border:none!important");
【讨论】：
还有一种方法
$("#m_divList tbody").find("tr[data-uid=" + row.uid + "]").find('td').css("cssText", "color: red !important;");
css("cssText", "color: red !important;");
【讨论】：
我们可以使用 jquery 添加类
$("someclass").addClass("test");
<style>
.test{
border:none !important;
}
</style>
【讨论】：