如何用userChrome.css设置Firefox'URL栏的背景颜色？

Question

我正在尝试使用 userChrome.css. Following these steps 更改我的 Firefox URL 栏的背景颜色，我将下面的代码添加到我的 userChrome.css:

@-moz-document url(chrome://browser/content/browser.xul),
               url(chrome://browser/content/browser.xhtml) {
    #urlbar {
        background-color: red !important;
    }
}

根本没用。我怎样才能做到？

Answer 1

首先，您需要在 about:config 中将 toolkit.legacyUserProfileCustomizations.stylesheets 首选项设置为 true，如 here 所述。

现在，要使用的正确 CSS 标识符是 #urlbar-background:

@-moz-document url(chrome://browser/content/browser.xul),
               url(chrome://browser/content/browser.xhtml) {
    #urlbar-background{
        background-color: red !important;
    }
}

（我从 this file 那里了解到；整个存储库很有启发性。）

如何用userChrome.css设置Firefox'URL栏的背景颜色？

How to set the background color of Firefox' URL bar with userChrome.css?

css

firefox

userchrome.css