javascript - 抵消现有风格

Question

我有一个带填充的 div，由 Javascript 创建和设置样式。此 div 在具有以下 CSS 规则的页面上创建:

div {
    width: 100%;
}

这搞砸了，因为它将我创建的 div 的宽度更改为它的自然宽度加上它的填充(所以我最终在 div 边框之外添加了按钮)。我不能静态设置 div 宽度，因为它们取决于内容。那么我怎样才能覆盖这条规则并将其恢复为“默认宽度”呢？

Answer 1

您需要以下 CSS:

div { width: auto; }

由于 CSS 规则是通过 JavaScript 应用的，因此它是内联样式，您可能必须使用 !important 来确保新规则具有更高的特异性，以便您可以覆盖旧的。

div { width: auto !important; }

当然，如果您可以只编辑 JavaScript，这样它就不会再将样式添加到 div 中，那就更好了。