我无法用“!重要”规则注入样式

我试图用这个代码注入一个样式:

document.body.style.color='green!important'; 

根据CSS级联引用 ,通过应用!important规则,我可以胜过起源和特异性。

我试图用Firefox Firebug注入到www.google.com,但是没有运气。

如何用!important规则注入前景色?

6 Solutions collect form web for “我无法用“!重要”规则注入样式”

根据规范,如果你想设置优先级,而不仅仅是值,你必须使用setProperty ,如下所示:

 document.body.style.setProperty ("color", "green", "important"); 
 element.style.cssText = 'color:green !important'; 

应该为你工作。

只使用这个:

 document.body.style.color="green"; 

你不必以这种方式使用重要的东西。 无论如何,致命指出,这不会工作,当直接重要的规则在CSS样式表中,你需要重写。

那样的话,你必须dynamic地创build样式表并在头部添加它:

 function addNewStyle(newStyle) { var styleElement = document.getElementById('styles_js'); if (!styleElement) { styleElement = document.createElement('style'); styleElement.type = 'text/css'; styleElement.id = 'styles_js'; document.getElementsByTagName('head')[0].appendChild(styleElement); } styleElement.appendChild(document.createTextNode(newStyle)); } 

然后你可以像这样更新风格

 addNewStyle('body {color:green !important;}') 

我想说的是,由于代码中的任何错误(空间除外),可能不会有太多的工作,但更多的是因为修改body标签不是一个足够具体的元素,类,或者你需要创build什么影响。

例如,search结果的页面文本有一个“st”类。 所有的search结果都被封装在一个<li>标签中。

所以一些这样的代码可能看起来像这样:

 var arr = document.getElementsByClassName('st'); for(i=0; i<arr.length; i++){ arr[i].style.color="green"; } 

style.cssText是添加!important的唯一方法。

 <script> document.body.style.cssText='color: red !important;' </script> 

所有的答案是伟大的,但他们都假设属性的valuefixed ,如果不是

看看我的解决scheme

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

而不是hand writing价值,我得到它使用jquery $(this).css('attr')

  • CSS @ font-face不适用于Firefox,但是可以使用Chrome和IE
  • 如何检查和调整之前和之后:在浏览器中的伪元素?
  • 如何检测页面上访问和未访问的链接?
  • 如何debuggingAngular JavaScript代码
  • Firebug有什么独特的function不是Firefox内置的?
  • 如何在Firefox和Opera中放大HTML元素?
  • 在开发过程中debuggingFirefox插件的最快方法
  • 防止Firefox记住用Meta标签刷新的input值
  • 我可以阻止Firefox开发人员工具networking面板在页面重新加载时清除吗?
  • 从Firefox扩展程序访问Google Drive
  • 如何获得console.trace()作为string与Chrome或Firefox的JavaScript的结果?