javascript - 使用具有 !important 标签的 jquery 更改 div 的背景颜色

Question

使用调用 .jsp 的插件，该插件使用自己在外部托管的样式表(这是一个 yelp 嵌入 - 试图操纵它的外观)。我要更改的一个元素上有一个 !important 标签，但我似乎无法更改它...

我试过了

<script type="text/javascript">
   $('.elementToChange').css({'background-color':'black'});​
</script>

没有用。想法？

Answer 1

看起来在更新版本的 jQuery(至少 1.7.2 及更高版本)中您可以简单地设置 css:

$('#elementToChange').css('background-color', 'blue');

参见 http://jsfiddle.net/HmXXc/185/

在旧版本的 jQuery 和 Zepto 中，您必须先清除 css:

// Clear the !important css
$('#elementToChange').css('background-color', '');

然后使用以下方法重置它:

$('#elementToChange').css('background-color', 'blue');

或者单行:

$('#elementToChange')
    .css('background-color', '')
    .css('background-color', 'blue');

参见 http://jsfiddle.net/HmXXc/186/ .

原始答案:

注意:这可能不是个好主意，因为它会删除任何其他内联样式

我会直接编辑样式属性

$('.elementToChange').attr('style', 'background-color: blue !important');

http://jsfiddle.net/RichardTowers/3wemT/1/