Comment changer la classe CSS avec le script Greasemonkey/Tampermonkey ?

Modifier le CSS de classe avec le script Greasemonkey/Tampermonkey

Pour modifier l'image d'arrière-plan d'une classe spécifique, telle que "banner_url", vous pouvez exploiter la cascade CSS en ajoutant une feuille de style à la page en utilisant 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;
    }
` );

En utilisant @run-at document-start, vous pouvez minimiser le « scintillement » visuel lors des changements de style. Notez que pour Greasemonkey 4, GM_addStyle() n'est pas fonctionnel. Il est recommandé de passer à Tampermonkey ou Violentmonkey. Pour les utilisateurs de Greasemonkey 4, une cale est fournie pour GM_addStyle(). De plus, pour une manipulation CSS pure, envisagez d'utiliser l'extension Stylus au lieu de Greasemonkey/Tampermonkey.

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!