javascript - 如何将 !important 附加到内联 css？

Question

我真的很难弄清楚这一点。但是任何人都可以给我一个示例脚本，我可以将 !important 添加到已经存在的内联 css 中吗？

score 3 · Accepted Answer

您可以使用以下代码将 !important 添加到内联中，

假设你想inline为标签添加 css，div那么你可以使用下面的代码来做到这一点。

CSS方式

<div style="color:red !important"

jQuery

$('div').attr('style', 'color:red !important;');

score 2 · Accepted Answer

您可以使用attr获取内联样式，并像下面这样操作它们，

var styleCode = $('p').attr('style').split(";");
$('p').attr('style',styleCode.join(' !important;'));

检查这个小提琴

score 1 · Accepted Answer

一种非库特定的方法是使用 += 运算符附加!important到值。

<div style="width:50px;" id="id1"></div>

document.getElementById("id1").style.width += " !important";

score 1 · Accepted Answer

1

$(element).attr('style', 'height:200px !important;')

于 2013-09-14T04:50:24.020 回答

score 1 · Accepted Answer

HTML

<div class="yourelementclass"></div>

JS代码

  $('.yourelementclass').attr('style', 'width:500px !important;')

这是jsfiddle

score 0 · Accepted Answer

0

$('img')[0].style.setProperty( 'width', '500px', 'important' );

于 2013-09-14T04:53:31.817 回答

6 回答 6