javascript - 重写 !important 样式

Question

标题几乎概括了它。

外部样式表的代码如下:

td.EvenRow a {
  display: none !important;
}

我试过使用:

element.style.display = "inline";

和

element.style.display = "inline !important";

但两者都不起作用。是否可以使用 javascript 覆盖 !important 样式。

这是一个 greasemonkey 扩展，如果有区别的话。

Answer 1

您可以使用几个简单的单行代码来执行此操作。

1. 在元素上设置一个“样式”属性:

   element.setAttribute('style', 'display:inline !important');

或者...

1. 修改style对象的cssText属性:

   element.style.cssText = 'display:inline !important';

两者都可以。

===

我编写了一个名为“important”的 jQuery 插件来操作元素中的 !important 规则，: http://github.com/premasagar/important

===

编辑:正如评论中所分享的那样，标准 CSSOM 接口(interface)(JavaScript 与 CSS 交互的 API)提供了 setProperty方法:

element.style.setProperty(propertyName, value, priority);

例如:

document.body.style.setProperty('background-color', 'red', 'important');