CSS Firefox 的 userChrome.css 变量不生效

Question

我在 FreeBSD 上使用 Firefox 72，并在 userChrome.css 中配置了一些样式。这很好用。例如，我可以将菜单栏中的 "File" 菜单的标签设为红色

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#file-menu {
   color: red !important;
}

现在我听说了新奇的东西（似乎不再那么多了）CSS 变量，又名 CSS 属性 --*，并尝试使用它们。 las，我一定是漏掉了什么，因为：

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
:root {
   --foo: red;
}
#file-menu {
   color: var(--foo) !important;
}

保留 "File" 默认颜色，黑色。这应该工作吗？我错过了什么吗？经过一些搜索，我发现在 about:config 中 toolkit.legacyUserProfileCustomizations.stylesheets 的值应该是 true，它是。现在我没主意了。

Answer 1

问题出在 @namespace 行。删除后，CSS 变量起作用。

CSS Firefox 的 userChrome.css 变量不生效

CSS variables in Firefox's userChrome.css do not take effect

css

firefox

css-variables

userchrome.css