如何刪除重要的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 = '';