如何追加！重要内联css？

Question

我很难弄清楚这一点。但是，任何人都可以给我一个示例脚本，我可以添加！重要的是已经存在的内联CSS？

Answer 1

您可以使用以下代码添加！important到内联，

假设您要为inline标记添加div css，那么您可以使用以下代码执行此操作。

CSS方式

<div style="color:red !important"

<强>的jQuery

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

Answer 2

您可以使用attr获取内联样式，并按照以下方式操作它们，

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

选中此Fiddle

Answer 3

.attr()

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

Answer 4

HTML

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

JS代码

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

这是 jsfiddle

Answer 5

非库特定方式是使用+ =运算符将!important附加到值。

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

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

Answer 6

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