javascript - 如何隐藏使用 !important 的 CSS 背景图片

Question

我正在尝试创建一个小书签，它将隐藏我当前正在查看的任何页面上的图像。它适用于删除 <img>标签，它会创建一个 CSS 样式，试图隐藏所有背景图像。我一直遇到的问题是用 !important 指定的背景图像.我不知道如何隐藏它们。

这是一个演示问题的代码笔:http://codepen.io/Chevex/pen/kbDcv

如果删除 !important从背景图像开始，一切正常。有什么想法吗？

Answer 1

确保您的 CSS 出现在页面上该 CSS 之后，并将 !important 覆盖到您的 CSS 上。此外，由于您指定使用的是 JavaScript，因此可以将 CSS 作为内联 CSS 添加到实际元素上并使用 !important。唯一覆盖 inline important 的是 user agent 用户重要样式表。 ^{[reference] [example]}