Как вы можете удалить важное свойство CSS?

Question

Если важно свойство стиля элемента (установить через style="" или JS), как его можно удалить?

removeProperty() не работает ( jsfiddle ):

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

(желательно безрамочное решение, оно должно работать только в Chrome.)

Answer 1

Причина, по которой вы не можете удалить это свойство, заключается в том, что это сокращенное свойство.

При его установке добавляются другие свойства, но отсутствует свойство "background", поэтому свойство "background" отсутствуетудалить.

В этом случае вы можете сбросить его следующим образом:

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

В общем случае вам нужно будет сбросить каждое свойство "длинной руки", представленное свойством сокращения..

---

Вы также можете сделать это, чтобы перезаписать его:

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

---

Или вы можете обнулить весь встроенный стиль для элемента следующим образом:

elem.style.cssText = '';