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

Question

我想在不安装扩展的情况下进行一些修改。

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

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

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。

Answer 1

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

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

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

保存，你就完成了。

一些问题评论提到，与早期的偏好相比，所有的 CSS 更改都有一些缺陷。在我的系统上，当我关闭左侧的标签时，它们右侧的标签（和新标签按钮）不会向左滑动。