如何使用 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() 提供了一個墊片。此外，對於純 CSS 操作，請考慮使用 Stylus 擴充功能而不是 Greasemonkey/Tampermonkey。

以上是如何使用 Greasemonkey/Tampermonkey 腳本更改類別 CSS？的詳細內容。更多資訊請關注PHP中文網其他相關文章！