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

Question

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

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

我的理解是，这将仅适用于网页，但它也会影响 URL 栏，使其变白。有没有办法让它不影响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 在其 chrome 中混合使用 XUL 和 HTML，因此声明默认 CSS 命名空间也会影响来自浏览器 chrome 的 HTML 元素。您可以将样式包装在 @-moz-document 块中以限制目标内容的来源，例如：

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

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

Apply Stylish to all websites but NOT browser

css

firefox

stylish

firefox-nightly

更新