Come si può rimuovere una proprietà CSS importante?

Question

Se una proprietà di stile elemento è importante (impostata tramite style="" o JS), come è possibile rimuoverla?

removeProperty() non funziona (jsfiddle):

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

(preferibilmente una soluzione frameworkless, ha solo lavorare in Chrome.)

Answer 1

Il motivo non è possibile rimuovere la proprietà è perché è una proprietà stenografica.

Quando lo si imposta, altre proprietà vengono effettivamente aggiunte, ma non la proprietà "background", quindi non c'è la proprietà "background" da rimuovere.

In questo caso, è possibile disinserire in questo modo:

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

In generale, avresti bisogno di disinserire ogni "lunga mano" proprietà rappresentato dalla proprietà abbreviata.

---

Si potrebbe anche fare questo per sovrascrivere:

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

---

Oppure si potrebbe bombardare l'intero stile in linea per l'elemento in questo modo:

elem.style.cssText = '';