要更改特定類別的背景圖像,例如“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中文網其他相關文章!