Firefox - 输入/表单的默认配色方案？

Question

我正在使用带有深色主题的 Linux Mint 18.3。因此默认文本颜色(适用于 linux 系统)为浅灰色，背景为深灰色。

Firefox 将这些颜色用于文本输入/表单(浅灰色)和复选框(深灰色)。

但是 Chromium 有它自己的标准颜色。这就是我想要的 Firefox。

我知道您可以在 userContent.css 中设置自定义 css 设置，但这会覆盖 all 输入表单，而不仅仅是那些未设置样式的表单网站本身。

有没有办法让 Firefox 也使用其他默认颜色(例如 Chromium)来处理没有其他样式的元素？

Answer 1

我使用薄荷，我遇到了完全相同的问题。这对我有用:

转到 ~/.mozilla/firefox/randomName.default。创建一个名为 chrome 的新文件夹(如果已经存在 chrome 文件夹，请将其重命名为 old-chrome)。在 chrome 文件夹中创建一个名为 userContent.css 的新文件并粘贴以下代码。

@-moz-document url-prefix(about:blank) {*{background-color:#202020;}}
/*
* Use this css file to eliminate problems in Firefox
* when using dark themes that create dark on dark
* input boxes, selection menus and buttons. Put this
* in the ../firefox/default/chrome folder or your
* individual user firefox profile chrome folder.
*/
input {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}
textarea {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}
select {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}
input[type="radio"],
input[type="checkbox"] {
border: 2px inset white !important;
background-color: white !important;
color: ThreeDFace !important;
-moz-appearance: none !important;
}
*|*::-moz-radio {
background-color: white;
-moz-appearance: none !important;
}
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
border: 2px outset white;
background-color: #eeeeee;
color: black;
-moz-appearance: none !important;
}
body {
background-color: white;
color: black;
display: block;
margin: 8px;
-moz-appearance: none !important;
}

保存文件并重新启动 Firefox。你的问题应该得到解决。祝你好运。如果您需要改回来，只需删除 chrome 文件夹并重新启动 Firefox。