mac版firefox书签栏默认高度偏大,需通过启用toolkit.legacyuserprofilecustomizations.stylesheets、创建chrome文件夹及userchrome.css文件,并写入#personaltoolbar { min-height: 24px !important; max-height: 24px !important; height: 24px !important; }代码来精确压缩高度,再配合紧凑模式优化整体ui密度。

Mac版Firefox书签栏默认高度偏大,导致垂直空间浪费、与标签栏视觉失衡,尤其在窄屏或分屏场景下影响多标签并排浏览体验。
通过userChrome.css强制压缩书签栏高度
这是唯一能精确控制高度的方案,内置设置完全不提供该选项。Firefox在Mac上对书签栏高度无任何滑块或输入框调节入口,必须注入CSS规则。
第一步:启用自定义样式支持
在地址栏输入about:config→点击“接受风险并继续”→搜索toolkit.legacyUserProfileCustomizations.stylesheets→双击设为true。
第二步:定位配置文件夹并创建userChrome.css
在地址栏输入about:support→找到“配置文件夹”右侧的“打开文件夹”→确认进入以.default-release结尾的最新文件夹→在此目录下新建名为chrome的文件夹(全小写,无空格)→进入chrome文件夹→新建文本文档→重命名为userChrome.css;若系统隐藏扩展名,请先在访达“显示”菜单中勾选“显示文件扩展名”,确保最终文件名是userChrome.css而非userChrome.css.txt。
第三步:写入高度控制CSS代码
用VS Code或TextEdit(需切换为纯文本模式)打开userChrome.css→粘贴以下代码:
#PersonalToolbar { min-height: 24px !important; max-height: 24px !important; height: 24px !important; }
第四步:保存并重启生效
保存文件→彻底关闭所有Firefox窗口(包括Dock中仍在运行的进程)→重新启动浏览器→观察书签栏是否已收缩至指定高度。若未生效,检查是否遗漏了!important标记或大小写错误——#PersonalToolbar首字母P和T必须大写,小写将完全失效。
配合紧凑模式进一步压窄整体UI密度
单独调低书签栏高度后,若发现标签栏、地址栏仍显臃肿,可叠加紧凑模式实现全局纵向压缩。
在地址栏输入about:config→搜索browser.compactmode.show→双击设为true→点击右上角菜单→“更多工具”→“定制工具栏”→滚动到底部点开“密度”→选择“紧凑”→点击“完成”。
这一步会让所有工具栏元素纵向间距收紧,与24px书签栏形成视觉统一。注意:Mac上该选项可能显示为“紧凑(不再支持)”,但依然有效。
验证与微调高度值
方法一:直接修改CSS中的像素值
将24px改为20px或18px可进一步压缩,但低于18px可能导致文字截断或图标挤压变形,需逐级测试。
方法二:用开发者工具实时预览
重启Firefox后按Cmd + Shift + I打开开发者工具→切换到“检查器”标签→在左上角点击“选择元素”图标→鼠标悬停书签栏任意位置→右侧样式面板会高亮#PersonalToolbar→在下方输入框直接编辑height值并回车,即时看到效果。确认合适后再同步改回userChrome.css文件。
【必须关闭所有Firefox进程再重启,仅刷新页面无法加载新CSS】











