☰

使用 CSS 本地更改 Firefox 主题（无需任何扩展）

tag-icon • tag-icon firefox css
使用 CSS 本地更改 Firefox 主题（无需任何扩展）

我想做一些修改无需安装扩展。

例如：标签的最大宽度和菜单的最大高度，

在以前的版本中，您可以通过以下方式完成：

about:config ->browser.tabs.tab.maxWidth

从 FF4 开始，应该使用 CSS 来完成。现在我搜索了默认主题：

C:\Users\wetcat\AppData\Roaming\Mozilla\Firefox\Profiles\feriz.default
and
C:\Program Files (x86)\Mozilla Firefox

第二个我可以找到扩展 -> 主题，但没有任何 CSS。在 AppData 中我找不到任何 CSS 或主题文件夹。

创建或更改 CSS 的文件在哪里？

我正在使用 Firefox 11。

答案1

转到 Firefox 用户配置文件目录。在那里，打开文件夹chrome（如果不存在则创建它）并重命名userChrome-example.css（userChrome.css或创建一个副本并重命名，就像文件中显示的一样）。

将以下 CSS 添加到文件userChrome.css：

.tabbrowser-tab:not([pinned]) {
   max-width: 100px !important;
}

保存，就完成了。

在此处输入图片描述

一些问题评论不过，与之前的偏好设置相比，所有的 CSS 更改都存在一些缺陷。在我的系统上，当我关闭左侧的选项卡时，右侧的选项卡（以及新选项卡按钮）不会向左滑动。

在此处输入图片描述

答案2

CSS 文件最初不存在，您必须创建它。

C:\Program Files\Firefox\defaults\profile\userChrome-example.css

这是一个示例 userChrome.css 文件，添加 CSS 后，将文件另存为 userChrome.css 至

C:\用户\wetcat\应用程序数据\漫游\Mozilla\Firefox\Profiles\feriz.default\chrome

相关内容