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


14

我在Lubuntu中使用了一个深色的主题,叫做Dorian。我对此很满意。但是,Firefox似乎为表单输入元素继承了某些系统颜色,这使它们很难看到。

例如:

复选框示例 按钮示例

如果更改前景色,还应该更改文本框的背景色,现在还可以,但是是深色的。 文字框示例

我可以想象以几种方式解决这个问题:

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

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


回覆。“但是,带有表单元素的CSS似乎很棘手”,您可以通过右键单击麻烦的元素并从上下文菜单中选择“检查元素”来获得指导。
DK Bose

Answers:


20

根据我的经验,基于CSS的解决方案很难正确。Michael的回答中的一个在某些网站上有效,但并非全部。

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

(您必须右键单击并选择New-> String。搜索gtk-theme-override不会找到任何内容,因为默认情况下该设置不存在。)

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


3
与许多firefox设置不同,我必须重新启动Firefox才能生效。因此,不用担心它是否立即生效。完美的作品!
布莱恩·海德

KDE用户可以将此值设置为KDE主题名称,例如“微风”或“氧气”。
Pistos

3

您可以尝试使用“ 深色主题文字对比”扩展程序。

而且,尽管您可能正在使用这种较旧的CSS解决方案,但它似乎仍然可以工作。


第二个链接(“ CSS解决方案”)不再起作用。您能详细介绍一下CSS解决方案吗?是否可以在不使用扩展名的情况下更改Firefox的全局用户代理样式表?
Michael Martin-Smucker

对不起,我不知道。我之所以改用Chrome,是因为我发现Firefox的样式有时很古怪,尤其是在深色桌面上。
Redsandro

1
我喜欢这个,因为它允许我选择要强制使用哪些标准颜色的站点
smac89 '19

2

我还使用了深色主题(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有一定的了解。如果是新手,这是说:

  • 找到页面上的所有inputtextarea元素
  • 将背景设为白色(白色#fff的十六进制代码速记)
  • 将文字颜色设置为深灰色(#222

您可能还希望设置许多其他元素的样式,例如buttonselect,并且您可以通过输入获得更具体的信息,例如input[type=checkbox]

这并不能完全禁止您使用系统主题,但至少可以使您覆盖它,并为网站提供接近其期望值的默认设置。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.