必须启用toolkit.legacyUserProfileCustomizations.stylesheets为true，再在配置文件夹/chrome/下创建UTF-8无BOM的userChrome.css文件，方可实现标签栏下沉、书签栏隐藏及地址栏压缩等深度UI定制。
你想把火狐浏览器的标签栏移到底部、隐藏书签工具栏、压缩地址栏宽度，或者彻底重排所有UI元素的位置和视觉样式，但标准设置里找不到对应开关——这些操作必须通过 userChrome.css 文件实现，它直接作用于浏览器界面层(XUL)，是唯一能深度干预UI结构的合法途径。
启用 userChrome.css 加载支持
火狐从版本69起默认禁用用户自定义样式表，不开启这个开关，后续所有文件都会被完全忽略。
在地址栏输入 about:config 并回车 → 点击“接受风险并继续” → 在搜索框中粘贴 toolkit.legacyUserProfileCustomizations.stylesheets → 双击该首选项，将值由 false 改为 true。
【这一步不可跳过，否则整个自定义流程无效】
立即学习“前端免费学习笔记（深入）”；
创建 chrome 文件夹与 userChrome.css 文件
路径错一位、大小写错一个字母、扩展名多一个 .txt，都会导致样式不生效。系统不会报错，只会静默失败。
在地址栏输入 about:support → 点击“配置文件夹”右侧的“打开文件夹”按钮 → 确认当前目录是以 .default-release 结尾的子文件夹（若存在多个，请选修改日期最新的那个）→ 在此目录下新建文件夹，命名为 chrome（全小写，无空格，无标点）→ 进入 chrome 文件夹 → 新建文本文档 → 重命名为 userChrome.css。
【务必启用“显示文件扩展名”选项，确保文件名不是 userChrome.css.txt】
将标签栏移至浏览器底部
这是最常用也最直观的深度定制需求。有三种互不冲突的实现方式，可根据 Firefox 版本与个人偏好任选其一。
方法一：反转导航工具箱布局（推荐 Firefox 115+）
用记事本或 VS Code 打开 userChrome.css → 粘贴以下代码：
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#navigator-toolbox { -moz-box-direction: reverse; }
保存后关闭所有火狐窗口，再重新启动浏览器。
方法二：使用 Grid 布局重排（推荐 Firefox 120+）
Grid 方式更可控，能避免反转导致的地址栏按钮错位问题。
在 userChrome.css 中删除旧代码，替换为：
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#main-window { display: grid !important; grid-template-rows: 1fr auto; }
#TabsToolbar { grid-row: 2; }
#nav-bar, #PersonalToolbar { grid-row: 1; }
方法三：调整 -moz-box-ordinal-group（兼容老版本）
适用于仍需支持 Firefox 91–114 的场景，但需注意顺序依赖。
粘贴如下规则：
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#TabsToolbar { -moz-box-ordinal-group: 1000 !important; }
#nav-bar { -moz-box-ordinal-group: 1001 !important; }
#PersonalToolbar { -moz-box-ordinal-group: 1002 !important; }
验证与调试
保存 userChrome.css 后，必须彻底关闭所有火狐窗口（包括后台进程），再重新启动浏览器，新样式才会加载。
如果没变化，先检查 about:config 里的 toolkit.legacyUserProfileCustomizations.stylesheets 是否为 true，再确认文件路径是否为 配置文件夹/chrome/userChrome.css，最后用 VS Code 或 Notepad++ 检查文件编码是否为 UTF-8 无 BOM。
打开浏览器开发者工具（Ctrl+Shift+I）→ 切换到“控制台”标签页 → 刷新页面，若有 CSS 解析错误会在此处明确提示。
