Jak usunąć ważną właściwość CSS?

Question

Jeśli właściwość stylu elementu jest ważna (należy ustawić za pomocą style="" lub JS), w jaki sposób można ją usunąć?

removeProperty() nie działa (jsfiddle):

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

(korzystnie roztwór frameworkless, ma pracować tylko w Chrome.)

Answer 1

Powodem nie można usunąć, ponieważ jest nieruchomość to jest skrócona własność.

Po ustawieniu inne właściwości są dodawane, ale nie ma właściwości "background", więc nie ma właściwości "background" do usunięcia.

W tym przypadku można rozbroić go tak:

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

Generalnie trzeba by rozbroić każdy „long-hand” własność reprezentowany przez obiekt skróconej.

---

Można też to zrobić, aby go zastąpić:

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

---

Albo można nuke całą stylu inline dla elementu jak ten:

elem.style.cssText = '';