如何使用 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中文网其他相关文章！