首頁  >  文章  >  web前端  >  如何使用 Greasemonkey/Tampermonkey 腳本更改類別 CSS?

如何使用 Greasemonkey/Tampermonkey 腳本更改類別 CSS?

DDD
DDD原創
2024-11-03 03:37:02194瀏覽

How to Change Class CSS with Greasemonkey/Tampermonkey Script?

使用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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn