火狐浏览器ui深度定制必须通过启用并配置userchrome.css实现；需先在about:config中将toolkit.legacyuserprofilecustomizations.stylesheets设为true，再于配置文件夹的chrome子目录下创建正确命名的userchrome.css文件，最后重启浏览器生效。
你想把火狐浏览器的标签栏移到底部、隐藏书签工具栏、压缩地址栏宽度，或者彻底重排所有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】
编写第一条生效的CSS规则
现在你可以开始写样式了。比如想把标签栏移到底部，只需在 userChrome.css 中写入以下内容：
@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; }
保存文件后，必须彻底关闭所有火狐窗口（包括后台进程），再重新启动浏览器，新样式才会加载。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
