如何使用userContent.css覆盖Firefox中站点的CSS？

在Mozilla Firefox中，我要创建userContent.css一个覆盖站点CSS的文件。

我应该在哪里创建文件？

您能否描述基于Windows 7的内容？

firefox css

— 劳夫
source

Answers:

110

打开Firefox并按Alt以显示顶部菜单，然后单击Help→Troubleshooting Information
单击条目Open Folder旁边的按钮Profile Folder
chrome在打开的目录中创建一个名为文件夹
在chrome文件夹中创建一个名称为CSS的文件userContent.css
将以下代码复制到 userContent.css，将“ example.com”替换为您要修改的网站和您自己的自定义CSS，然后重新启动Firefox：

@-moz-document domain(example.com) {
    img { opacity: 0.05 !important; }
}

— 劳夫
source

步骤1的小更新/修改；故障排除信息将打开一个链接about:support，在我的Firefox（每晚在Ubuntu上v20上构建）中，它具有一个名为“配置文件目录”的条目，带有一个“打开目录”按钮，可/home/tripleee/.mozilla/firefox/asdf1234.default/在Nautilus中打开配置文件目录。

— Tripleee 2013年

您可以删除@-moz-document domain("...")以将样式应用于每个页面。

— 尼古拉斯

@Septagram我认为一直都是那样……我记得，chrome还可以包含userChrome.css，它可以设置浏览器界面的样式（“ chrome”）。

— 2014年

请注意，请确保您创建的文件夹名为“ chrome”，并带有小写的“ c”，否则在Linux上将无法使用。

— 奥利弗·伯特

这是必要的，以重新启动 Firefox浏览器才能生效。

— 彼得·莫滕森

有一个叫做ChromEdit的旧扩展，它添加了一个简单的按钮来轻松打开用户CSS进行编辑。

这显然被妥协或撤回。时尚是一种替代方案，但类似的现在似乎已不存在。

此刻，您只需要记住该文件应该放在哪里。

— 橙色狗
source

我以为我会从官方列表中获取ChromEdit，但可以。

— OrangeDog

根据最近的评论，很可能应该避免“时尚”。

— KlaymenDK '17

扩展名与实际的用户样式表不同。这就是为什么Chrome现在是毫无价值的垃圾。

— Synetech '17

@Synetech您在说什么？此扩展添加了一个按钮以打开样式表进行编辑。

— OrangeDog

时尚对我不起作用。当我寻求帮助时，我发现了一个论坛主题，用户在该论坛主题中表示，由于更好的用户支持和更连续的更新，大多数“时尚”用户已移至Stylus。手写笔是时尚的叉子。Stylus为我工作，而无需重新启动Firefox。插件的用法很简单-导航到要设置样式的页面，单击浏览器右上角的应用程序图标，选择是将样式仅应用于当前URL还是应用于整个域，然后编写样式。再次访问时，该图标显示插件正在应用的样式数。

— youcantryreachingme