css - 将时尚应用于所有网站，但不适用于浏览器

Question

我想将时尚主题应用于所有输入框、文本区域和选择框，所以我写道：

@namespace url(http://www.w3.org/1999/xhtml);
textarea, input, select {
  background-color: white !important;
  color: black !important;
}

我的理解是，这只适用于网页，但它也会影响 URL 栏，将其变为白色。有没有办法让它不影响网址栏？

我正在使用 Firefox Nightly（版本 43）。

更新

如果您希望 GTK3 Firefox 使用深色主题看起来正确，最终的解决方案是一个时尚的配置：

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix('http://'), url-prefix('https://') {
  textarea, input, select {
    background-color: white !important;
    color: black !important;
  }
}

奇迹般有效。

Answer 1

Firefox 将 XUL 和 HTML 混合用于其 chrome，因此声明默认 CSS 命名空间也会影响浏览器 chrome 中的 HTML 元素。您可以将样式包装在@-moz-document限制目标内容来源的块中，例如：

@-moz-document url-prefix('http://'), url-prefix('https://') { /* your code here */}