通过Javascript删除CSS属性

Question

我通过setProperty方法设置CSS属性。

div.style.setProperty("background-color","#DDDDDD", "important");

如果需要，应该通过Javascript删除它。如何以标准方式删除或重置“背景颜色”？

Answer 1

相关：How can you remove an important CSS property?

从链接引用用户Dagg Nabbit：

  

您无法删除该属性的原因是因为它是一个速记属性

当你设置它时，实际上会添加其他属性，但没有“background”属性，因此没有要删除的“background”属性。

在这种情况下，你可以这样取消设置：

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

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

你也可以这样做来覆盖它：

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

或者你可以为这个元素核对整个内联样式：

elem.style.cssText = '';

Answer 2

如果您想使用setProperty：

div.style.setProperty("background-color", "");

但是，我不确定这些元素是否受到普遍支持。我通常会使用：

div.style.backgroundColor = "";