Question

如何覆盖样式＆＃34;颜色：红色＆＃34;用javascript还是CSS？我想做到这一点＆＃34; 2px＆＃34;而不是＆＃34; 1px＆＃34;边界。

<div style="border: 1px solid #ccccc !important"> 
       Lorem... 
</div>

我不能在＆＃34; div＆＃34;中添加一个类，id。这不是解决方案。我必须以某种方式覆盖上面的代码。

解决方案 已使用的jquery已加载到网站上。冉： $（document）.ready（function（）{$（＆＃39; table [style * = border]＆＃39;）。css（＆＃39; border-width＆＃39;，＆＃34; 4px＆＃34 ;）;}）; https://jsfiddle.net/78oxmgLj/10/

Answer 1

使用你的实际代码你无法使用CSS（正如@TJ Crowder评论的那样，没有可以击败与!important内联的CSS规则）但这里是一个JS解决方案：

＆＃13;

document.querySelector('.box').style.borderWidth="2px";
document.querySelector('.box').style.borderColor="red";

//or
//document.querySelector('.box').style.border="2px solid red";

＆＃13;

<div class="box" style="border: 1px solid #cccccc!important">
  Lorem...
</div>

＆＃13;

<强>更新

如果由于某种原因你无法添加课程，你可以根据风格使用attribute selector（但我不建议将其用作通用解决方案）

＆＃13;

document.querySelector('div[style*=border]').style.borderWidth="2px";
document.querySelector('div[style*=border]').style.borderColor="red";

＆＃13;

<div style="border: 1px solid #cccccc!important">
  Lorem...
</div>

＆＃13;

覆盖内联css！重要

1 个答案: