выделение всех элементов, стилизованных с помощью градиента CSS

Question

выделение всех элементов, стилизованных с помощью градиента CSS

0

Я ищу способ, используя только современный css, выбирать все элементы, которые имеют фоновое изображение, которое использует любой градиент, а затем перезаписывает это значение с помощью "none". По сути, мне нужно стереть все фоновые градиенты. Это то, что у меня есть до сих пор, но, похоже, это не работает:

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

Я начинаю думать, что попытка чего-то вроде этого не является нормальным, но я хотел бы точно знать. Возможно ли это? Если да, то что я делаю неправильно?

adamwong246 21 март 2014, в 08:29

Источник

1

[] для атрибутов, поэтому вам нужно использовать [style*=] но этот afaik будет работать только со встроенными стилями (только для градиентов ели, установленных с помощью style attr). Кроме того, предполагая, что существует способ запроса по применяемому в настоящее время свойству css, ваше правило больше не будет соответствовать в тот момент, когда вы установили background режим равным none , поэтому градиент появится снова, затем правило снова будет соответствовать, .... Так что у вас будет либо мерцание, либо бесконечный цикл.
t.niese 21 март 2014, в 07:22

Теги:

html

css

css-selectors

2 ответа

0

Как насчет этого метода. вам нужно добавить gradient класса для всех тех элементов, которые используют эффект градиента. Я понимаю его немного работы, но он решит вашу проблему.

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

Kheema Pandey 21 март 2014, в 06:10

0

Ответы всегда направлены на вопрос. Никогда не нужно начинать ответ с имени участника вопроса.
BoltClock♦ 21 март 2014, в 08:16
0

Нет, я не могу изменить любой HTML. (Я пишу расширение Chrome, которое добавляет дополнительные CSS в таблицу стилей агента пользователя.)
adamwong246 21 март 2014, в 13:34

Ещё вопросы

[] для атрибутов, поэтому вам нужно использовать [style*=] но этот afaik будет работать только со встроенными стилями (только для градиентов ели, установленных с помощью style attr). Кроме того, предполагая, что существует способ запроса по применяемому в настоящее время свойству css, ваше правило больше не будет соответствовать в тот момент, когда вы установили background режим равным none , поэтому градиент появится снова, затем правило снова будет соответствовать, .... Так что у вас будет либо мерцание, либо бесконечный цикл.
Ответы всегда направлены на вопрос. Никогда не нужно начинать ответ с имени участника вопроса.
Нет, я не могу изменить любой HTML. (Я пишу расширение Chrome, которое добавляет дополнительные CSS в таблицу стилей агента пользователя.)

kapa · Accepted Answer · 2014-03-21T13-34-00.000Z

Вы не можете решить эту проблему с помощью HTML и CSS.

Вы можете использовать Javascript для проверки background-image каждого элемента в DOM. С огромным DOM это может стать медленным, но похоже, что у вас нет другого выбора.

Зачем проверять каждый элемент? Конечно, вы можете проверить только значение background-image элементов, которые на самом деле имеют атрибут background-image?
@ adamwong246 Но вы не можете написать селектор CSS для этого. Вы должны просмотреть все из них. Все они будут иметь набор background-image - хотя большинство из них будет по умолчанию, none .