如何使用Greasemonkey / Tampermonkey脚本更改类CSS？

为此，只需使用CSS级联。使用将样式表添加到页面

GM_addStyle()

• 我们使用该

  !important

  标志来覆盖某些潜在的冲突。
• 使用

  @run-at document-start

  （或使用手写笔，请参见下文）以最小化与初始渲染后更改样式相关的“闪烁”。

完整的脚本：

// ==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;    }` );

请注意， 如果您使用的是Greasemonkey 4 ，则它已崩溃

GM_addStyle()

同时，对于那些坚持使用GM4的受虐狂来说，这是一个垫片：

function GM_addStyle (cssStr) {    var D    = document;    var newNode         = D.createElement ('style');    newNode.textContent = cssStr;    var targ    = D.getElementsByTagName ('head')[0] || D.body || D.documentElement;    targ.appendChild (newNode);}