如何删除重要的CSS属性？

Question

如果元素样式属性很重要（设置谷style=""或JS），如何删除它？

removeProperty()不起作用（jsfiddle）：

elem.style.setProperty('background', '#faa', 'important'); 
elem.style.removeProperty('background'); // doesn't work 

（最好是frameworkless的解决方案，它只有在Chrome工作。）

Answer 1

不能删除该属性的原因是因为这是一个速记属性。

当你设置它时，其他属性实际上被添加，但没有“背景”属性，所以没有“背景”属性可以删除。

在这种情况下，你可以取消它是这样的：

elem.style.removeProperty('background-color'); 

一般情况下，你需要取消由速记属性表示每一个“长手”属性。

---

你也可以这样做是为了覆盖它：

elem.style.setProperty('background', 'inherit', 'important'); 

---

或者你可以用核武器炸整个内嵌样式像这样的元素：

elem.style.cssText = '';