压倒一切！重要的风格

标题几乎概括了这一点。

外部样式表有以下代码：

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

我尝试过使用：

element.style.display = "inline";

and

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

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

这是为了一个油脂猴扩展，如果这有什么不同的话。

您可以使用一些简单的行话来完成此操作。

1. 设定“风格”属性在元素上：

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

or...

2. 修改cssText的财产style object:

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

两者都可以完成工作。

===

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

===

编辑： 正如评论中所分享的，标准 CSSOM 接口（JavaScript 与 CSS 交互的 API）提供了setProperty https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/setProperty method:

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

E.g:

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