Wie überschreibe ich CSS-Stile für die Klasse „banner_url' mit Greasemonkey/Tampermonkey?

Klassen-CSS mit Greasemonkey/Tampermonkey manipulieren

Sie möchten das Hintergrundbild eines Seitenelements mit der Klasse „banner_url“ ändern. Die gewünschte CSS-Eigenschaft wird bereitgestellt.

Verwendung von CSS Cascade mit Greasemonkey:

Fügen Sie die CSS-Regeln mit GM_addStyle() in die Seite ein. Wir empfehlen das folgende Skript:

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

Hinweis:

• Verwenden Sie das Flag „!important“, um Ihre Regeln zu priorisieren.
• Führen Sie das Skript beim Dokumentstart aus, um visuelles Flackern bei Stiländerungen zu minimieren.

Alternativen:

• Tampermonkey/Violentmonkey: Empfohlen gegenüber Greasemonkey 4.
• Stylus: Eine spezielle Erweiterung für CSS-Manipulation.

Das obige ist der detaillierte Inhalt vonWie überschreibe ich CSS-Stile für die Klasse „banner_url' mit Greasemonkey/Tampermonkey?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!