选择所有使用css渐变样式设置的元素

Question

我正在寻找一种方法，仅使用现代css，选择具有背景图像的所有元素，该背景图像利用任何种类的渐变，然后用“没有”覆盖该值。基本上，我需要消除所有背景渐变。这是我到目前为止所做的，但似乎没有效果：

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

我开始认为尝试这样的事情并不理智，但我想肯定地知道。这甚至可能吗？如果是这样，我做错了什么？

Answer 1

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

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

Answer 2

这个方法怎么样？您只需为所有使用渐变效果的元素添加类gradient。我理解它的一些工作，但它会解决你的问题。

*[class*='gradient'] {
    background-image: none;
}