☰

禁用 Firefox 表单输入元素的系统样式

tag-icon • tag-icon firefox themes gtk
禁用 Firefox 表单输入元素的系统样式

我在 Lubuntu 中使用了一个名为多利安。我对此很满意。但是，Firefox 似乎继承了其表单输入元素的某些系统颜色，这使得它们很难看清。

例如：

复选框示例 按钮示例

如果我改变前景色，我也应该改变文本框的背景颜色，现在这样就没问题了，但是是暗色上的亮色。 文本框示例

我可以想象用几种方法解决这个问题：

  1. 为 Firefox 添加自定义样式表以撤消更改。（我使用 时髦的，因此实现起来很简单。但是，带有表单元素的 CSS 似乎比较棘手。）
  2. 对 Dorian 的修改（我认为您可以为特定程序定制 GTK 主题。）
  3. 禁用 Ubuntu-Firefox-modifications Firefox 插件。
  4. 在 Firefox 中找到一个设置以防止加载输入元素的系统颜色。
  5. 安装Firefox 的 Dorian 主题（我不太情愿这么做，因为 Dorian 不会主动更新，而 Firefox 会不断更新。）

当然，我也欢迎其他我没有想到的解决方案。

答案1

根据我的经验，基于 CSS 的解决方案很难正确实施。Michael 的回答中的方法在某些网站上有效，但并非所有网站都有效。

在 Firefox 60 中，有一个更简单的解决方案。转到about:config并设置以下字符串值： widget.content.gtk-theme-override=Adwaita:light

（您必须右键单击并选择新建->字符串。搜索gtk-theme-override不会找到任何内容，因为默认情况下没有该设置。）

感谢 Martin Stránský：https://bugzilla.mozilla.org/show_bug.cgi?id=1283086#c7

答案2

您可以尝试深色主题的文本对比扩大。

此外，CSS 解决方案似乎仍然有效，尽管这可能就是您现在正在使用的方法。

答案3

我也使用深色主题（Adapta Nokto），我也遇到过不少网站，它们会改变输入中的文本颜色，但假设背景颜色是白色（导致文本完全无法阅读）。

我探索了 CSS 选项，发现关于设置默认用户样式的解释无需任何浏览器扩展。摘要：

  1. 您的 Firefox 配置文件需要userContent.css在正确的位置有一个文件。您可以像这样创建它：

    • 将目录更改为您的 Firefox 配置文件：
      cd ~/.mozilla/firefox/<your profile>/
    • 如果不存在“chrome”目录，则创建一个
      mkdir chrome
    • 在此新目录中创建一个 CSS 文件
      touch chrome/userContent.css

  2. 编辑新创建的userContent.css文件以包含您想要应用于所有页面的基本样式。

  3. 重新启动 Firefox 以查看更改。

首先，我将其添加到我的 CSS 文件中：

input, textarea {
  background-color: #fff;
  color: #222;
}

这假设您对 CSS 有所了解。如果您是新手，则以下内容：

  • 查找页面上的所有input和元素textarea
  • 将背景设为白色（#fff白色的十六进制代码简写）
  • 将文本颜色设为深灰色 ( #222)

您可能希望设置许多其他元素的样式，例如button和select，并且您可以更加具体地输入，例如input[type=checkbox]。

这并不完全禁止使用系统主题，但至少允许您覆盖它并为网站提供更接近他们期望的默认设置。

相关内容