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

Rau*_*auf 112 firefox css

在 Mozilla Firefox 中,我想创建userContent.css覆盖站点 CSS 的内容。

我应该在哪里创建文件(Windows 7)?

Rau*_*auf 144

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

    @-moz-document domain(example.com) {
        img { opacity: 0.05 !important; }
    }
    
    Run Code Online (Sandbox Code Playgroud)

  • 从 Firefox 69 开始,由于 https://bugzilla.mozilla.org/show_bug.cgi?id=1541233,您需要将 `toolkit.legacyUserProfileCustomizations.stylesheets` 首选项设置为 `true` (28认同)
  • 它是*必要* ***重新启动*** Firefox 以使其生效。 (11认同)
  • 第一步的小更新/修改;故障排除信息打开了一个链接“about:support”,在我的 Firefox(在 Ubuntu 上每晚构建的 v20)中,它有一个名为“配置文件目录”的条目,带有一个“打开目录”按钮,用于打开配置文件目录 `/home/tripleee Nautilus 中的 /.mozilla/firefox/asdf1234.default/`。 (9认同)
  • 您可以删除`@-moz-document domain("...")` 以将样式应用于每个页面。 (8认同)
  • 一个小注意事项,请确保您创建的文件夹名为“chrome”,并带有小写的“c”,否则它将无法在 Linux 上运行。 (5认同)
  • @Septagram 我认为它一直都是这样......我记得,`chrome` 也可以包含`userChrome.css`,它可以设置浏览器界面的样式(“chrome”)。 (2认同)
  • 不要忘记:将“toolkit.legacyUserProfileCustomizations.stylesheets”设置为“true”(在此 URL:“about:config”)。然后**重新启动** Firefox。 (2认同)
  • @twigmac 仔细进行了所有更改并重新启动了 Firefox,我没有看到任何效果。我对 css 也很熟悉,可以确认相关页面上存在的元素。Mozilla 最近可能彻底打破了这一点。 (2认同)

Ora*_*Dog 7

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

这显然是妥协或撤回。时尚是另一种选择,但同样地,这现在似乎已不复存在。

目前,您只需要记住文件应该放在哪里。

  • 根据最近的评论,可能应该避免使用时尚。 (13认同)
  • 扩展与实际的用户样式表不同。这就是为什么Chrome现在是毫无价值的垃圾。 (2认同)
  • @Synetech 你在说什么?此扩展添加了一个按钮来打开样式表进行编辑。 (2认同)
  • 时尚不适合我。当我寻求帮助时,我发现一个论坛主题,其中一位用户表示,由于更好的用户支持和更持续的更新,大多数 Stylish 用户已转向 Stylus。Stylus 是 Stylish 的一个分支。Stylus 为我工作,无需重新启动 Firefox。该插件的使用很简单 - 导航到您想要设置样式的页面,单击浏览器右上角的应用程序图标,选择是将样式仅应用于当前 URL 还是整个域,然后编写样式。当您再次访问时,该图标会显示插件正在应用的样式数量。 (2认同)
  • @DmitryAlexandrov 我对时尚一无所知。我最初的答案是关于 ChromEdit 的,但几年前有人改变了它。 (2认同)

归档时间:

查看次数:

92111 次

最近记录:

6 年,3 月 前