使Firefox仅在浏览器Chrome中使用GTK主题，但在网站上忽略

我有一个深色的GTK主题，我不想让Firefox一起忽略它，我只希望该主题影响Firefox的镶边（按钮，地址栏，书签栏等），但是我想要这个主题要被网站忽略，不应以浏览器为主题的网站！这是一种罪过，它使一切看起来都像垃圾。如果有人知道如何解决它，那就太好了，谢谢！

编辑：在下面的图像中，顶面板显示，当应用“深色主题”时，在搜索框中输入的文本几乎不可见；当未应用深色主题时，下部面板显示清晰可见的文本。

Google搜索框中的文字

firefox themes gtk

— 科隆
source

我的理解是，诸如Ambiance或Radiance之类的标准（浅）gtk主题在很大程度上不会影响网页的外观。当深色主题的用户在Google中找到搜索框并且文本框受到影响时，这里有几则帖子。您能否编辑问题以包括带有和不带有深色主题的Firefox图像？提及您的操作系统以及主题的名称和来源也可能会有所帮助。

我使用的是Ubuntu 12.10，是的，表单条目和组合框通常以Firefox主题为主题。以下是一些屏幕截图：imageshack.us/a/img571/1883/screenshotfrom201302140.png | imageshack.us/a/img687/1883/screenshotfrom201302140.png | imageshack.us/a/img14/4177/screenshotfrom201302140v.png | imageshack.us/a/img14/1883/screenshotfrom201302140.png

— KoRnKloWn

做到了！但是我应该注意，我有2个.default文件夹（（过去安装/备份配置文件）），我发现了一种更简单的方法来打开您的配置文件文件夹（我这样做是为了找出哪个处于活动状态）。如果打开“帮助”菜单，然后打开“故障排除信息”，则将看到带有“打开目录”按钮的配置文件目录条目，单击该按钮将直接打开活动的randomstring.default文件夹。

— KoRnKloWn

另外，您应该发布答案，以便我给您一些信誉，让您投票；）

— KoRnKloWn

Answers:

希望我能正确理解您的情况。似乎与高对比度主题Firefox问题以及需要为浏览器修改gnome 3主题有关。我在下面的回答本质上就是我为这些问题提供的答案！

关闭（退出）Firefox的所有实例。转到您的个人资料文件夹。在这里：~/.mozilla/firefox/randomstring.default。在其中寻找名为的子文件夹chrome。
如果不存在，请创建它。
要创建chrome文件夹，可以使用文件管理器（或带有的命令行mkdir chrome）。
如果chrome存在，则查找名为的文件userContent.css。否则，请在chrome文件夹中使用此名称创建一个空的文本文件。现在userContent.css，使用文本编辑器打开并粘贴或添加以下代码：

INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

将文件保存为纯文本，然后关闭文本编辑器。重新启动Firefox。现在，您应该在浅灰色的背景上显示黑色文本。您可以使用任何喜欢的颜色组合。

注意：chrome和userContent.css区分大小写，应正确拼写。无论gtk您切换到哪个主题，此处的设置都将优先于OS主题中的设置，并且在Firefox中将保持不变。

— 社区
source

没有!important标记，我得到了更好的结果。如果您将其保留，该问题将得到解决，但所有应透明的输入均变为白色。

— ldavid

我还可以使用未设置。 INPUT, TEXTAREA {color: unset; background: unset; }

— rharriso

由于某种原因，我无法获得公认的答案，因此我写了一个小的Greasemonkey脚本来实现相同的效果：https : //gist.github.com/einarmagnus/d741e30ad13b051d7971

// ==UserScript==
// @name        bright forms
// @namespace   einar
// @description Make all form elements default to light style to combat gtk theme
// @include     *
// @version     1
// @grant       none
// ==/UserScript==
function addDefaultCssRules(rule) {
  var styleElement = document.createElement('style');
  styleElement.type = 'text/css';
  document.head.insertBefore(styleElement, document.head.firstChild);
  styleElement.sheet.insertRule(rule, 0);
}
addDefaultCssRules('input, button, textarea, select { background-color:#fff;border-radius:5px;color:#111 }');

这对我有用。

— Ormuriauga
source