我无法使用“！important”规则注入样式-I'munabletoinjectastylewithan“!important”rule

91  

Per the spec, if you want to set the priority, not just the value, you have to use setProperty, like so:

根据规范，如果要设置优先级而不仅仅是值，则必须使用setProperty，如下所示：

document.body.style.setProperty ("color", "green", "important");

8  

element.style.cssText = 'color:green !important';

should work for you.

应该适合你。

2  

all answers are great but they all assumed the value of the attribute is fixed,, what if not

所有的答案都很棒，但他们都认为属性的价值是固定的，如果没有的话

take look at my solution

看看我的解决方案

this.style.setProperty("color", $(this).css('color'), "important");

instead of hand writing the value, I got it using jquery $(this).css('attr')

而不是手写值，我得到它使用jquery $（this）.css（'attr'）

1  

I would like to pose that it may not be working not so much due to any error in code (excepting the space) but more because modifying the body tag isn't a specific enough element, class, or what have you to create the desired effect.

我想提一下，由于代码中的任何错误（除了空间），它可能不会起作用，但更多因为修改body标签不是一个特定的元素，类，或者你有什么创建所需的影响。

Like for instance the page text of a search result has a class of "st". all search results are each encapsulated in an

So some code to such effect might look like this:

所以这些效果的代码可能如下所示：

var arr = document.getElementsByClassName('st');
for(i=0; i