而不是注入样式，如果你通过java脚本注入一个类(例如:'show')，它将工作。但这里你需要像下面这样的css。添加的类CSS规则应该在原始规则的下面。

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

td.EvenRow a.show{
  display: block !important;
}

如果您所做的只是向页面添加css，那么我建议您使用Stylish插件，并编写用户样式而不是用户脚本，因为用户样式更有效和合适。

有关如何创建用户样式的信息，请参阅此页

元素。style有一个setProperty方法，可以将优先级作为第三个参数:

element.style.setProperty("display", "inline", "important")

它在旧的ie中不起作用，但在当前的浏览器中应该没问题。

这样我们就有了从CSS中删除属性值的另一种可能性。

比如在js中使用replace方法。但是你必须确切地知道样式的ID，或者你可以写一个for循环来检测(计数页面上的样式，然后检查是否有任何“包含”或“匹配”一个!重要的值。你也可以计算它们包含了多少，或者只是简单地写一个全局的[regexp: /str/gi]替换方法)

我的很简单，但我附加了一个jsBin，例如:

https://jsbin.com/geqodeg/edit?html,css,js,output

首先，我在CSS中将主体背景设置为黄色!重要的是，然后我用JS重写为深粉色。

如果你想在DOM元素样式属性中更新/添加单个样式，你可以使用这个函数:

function setCssTextStyle(el, style, value) {
  var result = el.style.cssText.match(new RegExp("(?:[;\\s]|^)(" +
      style.replace("-", "\\-") + "\\s*:(.*?)(;|$))")),
    idx;
  if (result) {
    idx = result.index + result[0].indexOf(result[1]);
    el.style.cssText = el.style.cssText.substring(0, idx) +
      style + ": " + value + ";" +
      el.style.cssText.substring(idx + result[1].length);
  } else {
    el.style.cssText += " " + style + ": " + value + ";";
  }
}

风格。所有主流浏览器都支持cssText。

用例示例:

var elem = document.getElementById("elementId");
setCssTextStyle(elem, "margin-top", "10px !important");

这里是演示的链接

基于@Premasagar的精彩回答;如果你不想删除所有其他的内联样式，可以使用这个

//accepts the hyphenated versions (i.e. not 'cssFloat')
addStyle(element, property, value, important) {
    //remove previously defined property
    if (element.style.setProperty)
        element.style.setProperty(property, '');
    else
        element.style.setAttribute(property, '');

    //insert the new style with all the old rules
    element.setAttribute('style', element.style.cssText +
        property + ':' + value + ((important) ? ' !important' : '') + ';');
}

不能使用removeProperty()，因为它不会删除Chrome中的重要规则。 不能使用元素。style[property] = "因为它在FireFox中只接受camelCase。