html - 选择所有带有 css 渐变样式的元素

Question

我正在寻找一种方法，仅使用现代 css 来选择所有具有使用任何类型渐变的背景图像的元素，然后用“无”覆盖该值。本质上，我需要消除所有背景渐变。这是我目前所拥有的，但它似乎不起作用:

*[background-image*="gradient"]{
  background-image: none !important;
}

我开始认为尝试这样的事情是不明智的，但我想确定一下。这可能吗？如果是这样，我做错了什么？

Answer 1

您无法使用 HTML 和 CSS 解决此问题。

您可以使用 Javascript 检查 DOM 中每个元素的 background-image。对于巨大的 DOM，这可能会变得很慢，但似乎您别无选择。