Comment remplacer les styles CSS pour la classe « banner_url » avec Greasemonkey/Tampermonkey ?

Manipulation de la classe CSS avec Greasemonkey/Tampermonkey

Vous cherchez à modifier l'image de fond d'un élément de page avec la classe "banner_url". La propriété CSS souhaitée est fournie.

Utilisation de CSS Cascade avec Greasemonkey :

Injectez les règles CSS dans la page à l'aide de GM_addStyle(). Nous recommandons le script suivant :

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

Remarque :

• Utilisez l'indicateur "!important" pour hiérarchiser vos règles.
• Exécutez le script au début du document pour minimiser le scintillement visuel lors des changements de style.

Alternatives :

• Tampermonkey/Violentmonkey : Recommandé par rapport à Greasemonkey 4.
• Stylet : Une extension spécialisée pour la manipulation CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!