Greasemonkey/Tampermonkey スクリプトを使用してクラス CSS を変更するにはどうすればよいですか?

Greasemonkey/Tampermonkey スクリプトを使用してクラス CSS を変更する

「banner_url」などの特定のクラスの背景画像を変更するには、以下を追加して CSS カスケードを利用できます。 GM_addStyle() を使用してスタイルシートをページに追加します。

// ==UserScript==
// @name     Override banner_url styles
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @grant    GM_addStyle
// @run-at   document-start
// ==/UserScript==

GM_addStyle ( `
    .banner_url {
        background: url('http://www.pxleyes.com/images/contests/kiwis/fullsize/sourceimage.jpg') no-repeat center center fixed !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
    }
` );

@run-at document-start を使用すると、スタイル変更時の視覚的な「ちらつき」を最小限に抑えることができます。 Greasemonkey 4 では、GM_addStyle() が機能しないことに注意してください。 Tampermonkey または Violentmonkey に切り替えることをお勧めします。 Greasemonkey 4 ユーザー向けに、GM_addStyle() 用の shim が提供されています。さらに、純粋な CSS 操作の場合は、Greasemonkey/Tampermonkey の代わりに Stylus 拡張機能の使用を検討してください。

以上がGreasemonkey/Tampermonkey スクリプトを使用してクラス CSS を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。