оттенки серого — как отключить его автоматически

#html #css #filter #grayscale

#HTML #css — код #Фильтр #оттенки серого

Вопрос:

Многие веб-сайты в Таиланде теперь представлены в оттенках серого, в основном с использованием -webkit-filter: оттенки серого (100%), filter: оттенки серого (100%) и так далее.

Я знаю, что мы можем видеть их в цветах, как обычно, «вручную» (в Chrome), нажав / щелкнув F12> элементы> стили и сняв флажки фильтра оттенков серого. Но это не очень хороший способ, если нам нужно выполнить процедуру на каждой веб-странице.

Итак, я попробовал такие расширения, как CustomBlocker, stylish, stylebot и т.д., но безуспешно. Они могут выбирать css, но не могут правильно редактировать / вводить / вставлять / удалять фильтры в оттенках серого.

Я перепробовал большинство вещей, найденных в Google, в течение почти 4 часов с небольшими результатами. Пожалуйста, помогите мне:

Как автоматически отключить фильтры оттенков серого на любых веб-страницах, которые их используют?

Заранее большое вам спасибо за ваши полезные идеи.

p.s. вы можете попробовать на таком веб-сайте, как http://www.bangkokpost.com /

Комментарии:

1. У вас есть другой сайт, чтобы попробовать? Отключение JavaScript работает для этой ссылки. Но фильтр должен работать для CSS-фильтров.

Ответ №1:

Хотя, похоже, вы уже пробовали это, вам следует создать пользовательскую таблицу стилей CSS, которую Chrome будет использовать с плагином типа Stylish (не уверен, есть ли в Chrome встроенная функция).

Затем вы переопределяете значение filter в пользовательской таблице стилей.

 * {
    -webkit-filter: none !important; 
    filter: none !important; 
}
 

Однако с сайтом, на который вы ссылались, весь сайт отображается в оттенках серого с помощью JavaScript, поэтому в этом случае все, что я мог сделать, это отключить JavaScript в моем браузере. Это снова делает все красочным.

Комментарии:

1. Я немного изменил ваш код, и теперь он отлично работает. Я просто осознаю реальную силу стильного расширения. Большое спасибо за вашу помощь. И вот измененный:

2. html { -webkit-filter: нет!важно; filter: нет!важно; } body.grayscale { -webkit-filter: нет! важно; filter: нет!важно; }

3. html { -webkit-filter: нет!важно; filter: нет!важно; } body.grayscale { -webkit-filter: нет! важно; filter: нет!важно; }

4. (извините за двойной пост и неправильный формат .. я здесь новичок.)

5. * нацелен на каждый элемент на странице.