☰

子问题：

tag-icon • tag-icon firefox browser
子问题：

我的中有以下代码$HOME/.mozilla/firefox/XXXXXXXX.default/chrome/userContent.css：

input, textarea {
color:#000  !important;
background-color: rgb(255, 255, 255) !important;
}

目的是让输入字段和文本区域始终为白底黑字。我的桌面主题是深色的，如果没有这个 hack，Firefox 会在深灰色背景上显示输入和文本区域黑色文本，这几乎不可读。

这对于大多数网站来说效果很好，但有些网站仍然像以前一样显示（灰色背景上的黑色文本）。例如这个网站。

我已安装dom inspector并验证该元素的类型为input。但为什么这个网站会忽略我的 CSS 设置呢？

子问题：

是否有一些文档/手册解释了这些配置选项？即我如何知道关键字是background-color或不是background？另外，除了input和之外我还可以配置什么textarea？

答案1

问题是输入框默认由操作系统呈现，而不是由 css 样式表呈现。您可以通过名为 的 Gecko 特定非标准 CSS 属性来禁用它-moz-appearance。像这样使用它：

input, textarea {
  color:#000  !important;
  background-color: rgb(255, 255, 255) !important;
  -moz-appearance: none !important;
}

现在，所有输入框均由 CSS 呈现。

子问题：

是否有一些文档/手册解释了这些配置选项？

除了 input 和 textarea 之外，我还可以配置什么？

一切，您想要的，还有另一个名为userChrome.css（在同一文件夹中）的文件，您可以在其中自定义用户界面的外观。

我如何知道关键字是background-color或不是background？

  • background-color：设置元素的背景颜色。例子：

    background-color:red;
background-color:#0000FF;
background-color:rgb(255,0,255);

  • background：在一个声明中设置所有背景属性。例子：

    background: #FF0000 url('blah.jpg') no-repeat fixed center;

相关内容