web-dev-qa-db-ja.com

Adblock。 cssクラスを追加するか、要素から属性を削除します

Adblockによってあるページの要素にcssルールを追加することは可能ですか？このようなもの

#myElement {
    color: white !important;
}

ページの読み込み時にこの要素のスタイルを更新するスクリプトを見つけようとしましたが、最善の方法ではないようです。

adblock
10
Vitalii

AdBlockがCSSプロパティを変更することは不可能だと思いますが、 Stylish （FirefoxとChromeで利用可能）のような拡張機能を使用してそれを行うことができます。

0
Joshua Brown

UBlock OriginとAdguardでそれを行うことは可能です（私が知る限り）。それぞれにスタイリングルールの独自の構文がありますが、uBlockは両方を理解できます。

Twitterの背景を変更するCSSルールの例を次に示します。

Twitter.com#$#body.logged-in{ background-color: #8c8787 !important; }

スタイリングフィルターは次のように構成する必要があります。

<domain> + #$# + <selector> + { <style> }

セレクターとオープニングブレースの間にスペースを入れないでください。それはあなたにいくつかの問題を与える可能性があるからです。参照：

https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#stylehttps://adguard.com/en/filterrules.html#cosmetic-css-ルール

23
andromeda947

他の答えは私にはうまくいきませんでしたが、要素のスタイルを変更する方法があります：

example.com##h1:style(background-color: blue !important)

中括弧は使用しないでください。

GitHub に関するドキュメントもあります。

編集：BeeLabeilleが述べたように、このアドバイスはuBlockに固有のようです。

5
flntzr