Wie ändere ich Klassen-CSS mit Greasemonkey/Tampermonkey-Skript?

Klassen-CSS mit Greasemonkey/Tampermonkey-Skript ändern

Um das Hintergrundbild einer bestimmten Klasse, z. B. „banner_url“, zu ändern, können Sie die CSS-Kaskade durch Hinzufügen nutzen Fügen Sie mithilfe von GM_addStyle() ein Stylesheet zur Seite hinzu.

// ==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;
    }
` );

Durch die Verwendung von @run-at document-start können Sie visuelles „Flimmern“ während Stiländerungen minimieren. Beachten Sie, dass GM_addStyle() für Greasemonkey 4 nicht funktionsfähig ist. Es wird empfohlen, auf Tampermonkey oder Violentmonkey umzusteigen. Für Greasemonkey 4-Benutzer wird ein Shim für GM_addStyle() bereitgestellt. Darüber hinaus sollten Sie für reine CSS-Manipulation die Verwendung der Stylus-Erweiterung anstelle von Greasemonkey/Tampermonkey in Betracht ziehen.

Das obige ist der detaillierte Inhalt vonWie ändere ich Klassen-CSS mit Greasemonkey/Tampermonkey-Skript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!