如何使用 Firefox 将 CSS 永久添加到某些页面?

jan*_*hen 10 firefox css

如何使用 Firefox 将 CSS 永久添加到某些页面?

比如说,我想更改我经常使用 Firefox 的页面的字体或背景。

怎么做?

Win*_*igo 8

有一个很棒的扩展名为Stylish,它可以满足您的需求。它允许您将自定义 CSS 添加到您访问的页面。


miv*_*ivk 5

您可以向chrome/userContent.cssFirefox 配置文件夹中的文件添加自定义 CSS 规则。

例子:

/* For any page */
body { margin: 10px; border: 1px solid red !important; }

/* Or only for google.com */
@-moz-document domain(google.com) {
    body { margin: 10px; border: 1px solid red !important; }
}
Run Code Online (Sandbox Code Playgroud)

  • 每次更改都需要重新启动 Firefox。此外,您还可以使用正则表达式来匹配 URL,例如:`@-moz-document regex(".*\.(jpg|png|gif|bmp)$")`。我曾经让 Firefox 的图像查看器放大而不模糊像素(`img{image-rendering: -moz-crisp-edges;image-rendering: pixelated;}`)。 (3认同)