☰

如何在 FireFox 中覆盖所有网站的文本颜色（使用 userContent.css）？

tag-icon • tag-icon firefox browser css
如何在 FireFox 中覆盖所有网站的文本颜色（使用 userContent.css）？

许多网站（例如 Google 搜索结果）会在白色背景上显示灰色文本。在我的显示器上，灰色很难看清。

  1. 我可以覆盖文本颜色吗所有网站，而不影响其他任何东西？
  2. 我可以专门覆盖谷歌的文本颜色吗？

我只想影响正文的颜色，而不是超链接的颜色。

我知道，我可以在 Firefox 中更改颜色配置文件：

Preferences
  -> Content
     -> Colors

并取消选择“允许页面选择自己的颜色”，但这会使整个网页变得混乱。

我可以强制将文本设置为黑色吗？全部通过修改网站userContent.css？

答案1

该userContent.css文件非常适合此类定制。

为了实现你的目标点 1（即覆盖所有网站的颜色）使用：

body {
  color: black !important;
  background: yellow !important;
}

关于你的点2：

要仅定制 Google 搜索结果的输出，请检查搜索结果的描述性文本属于哪个类（通过“右键单击 -> 检查元素”）：

在此处输入图片描述

您可以看到，该类是.st，因此您可以使用以下代码来userContent.css仅覆盖该类的属性，并且仅在 Google 网站（全球.com网站和——在我的情况下——区域.de网站）上覆盖：

@-moz-document domain(google.de), domain(google.com) {
.st {
   color: black !important;
   background: yellow !important;
}

为了说明目的，我还添加了黄色背景颜色指令：

在此处输入图片描述

答案2

Firefox 中用于更改页面显示的最佳和最先进的附加组件是 油脂猴.它可以改变任何页面上的任何元素，包括HTML、CSS和JavaScript。

欲了解更多信息，请参见（但可以通过 Google 找到更多信息）：

GreaseSpot 维基
视频教程
脚本存储库
使用 Greasemonkey 更改页面样式

答案3

听起来你将“亮度”改为灰色接近白色的值。

也许我没抓住重点。但也许你在其他应用程序中也遇到了这个问题。

我会尝试改变显示器和/或视频输出的对比度和/或伽马设置。

大多数现代图形驱动程序都具有改变亮度、对比度和伽玛的能力。（Nvidia 控制中心或 ATI Catalyst 控制中心）

相关内容