☰

Firefox 未使用 userChrome.css 中的一条规则

tag-icon • tag-icon firefox css
Firefox 未使用 userChrome.css 中的一条规则

我已编辑我的 userChrome 文件

cat .mozilla/firefox/<someletters>.<profilename>/chrome/userChrome.css

/* Shrink tab titles by 10% */
.tabbrowser-tabs .tab-text {
          font-size: 90%;
}
#tabbrowser-tabs {
  min-height: 16px !important;
}

但它们并没有应用。这似乎甚至不是不够具体的情况。当我使用 DOM 检查器检查元素时，我甚至没有看到它被应用。

我在这里做错了什么？使用 userChrome.css 文件更改标签栏高度的正确方法是什么？

答案1

我发现三个问题：

  1. 您在第一条规则中缺少“！important”。
  2. “min-height” = 最小高度 = 如果默认高度低于 16px，则将变为 16px；由于不是，所以您的规则无效。您正在寻找“height”或“max-height”。
  3. 您还需要缩小图标，否则标签文本将被剪切。

最终代码：

tab .tab-text { font-size: 90% !important; }
tabs, tab .tab-image-left { max-height: 16px !important; }

请注意，新的 Firefox UI Australis 不喜欢调整大小。此代码将在 Pale Moon 和 Firefox 中使用经典主题修复器，但可能不会在 Firefox 中发售。

相关内容