米侠浏览器可通过注入自定义css美化滚动条：先在mi://flags中启用“enable user stylesheet injection”，再于指定路径创建utf-8编码的userstyles.css文件，写入::-webkit-scrollbar相关规则（如设宽、透明度、圆角、隐藏按钮等），保存后刷新网页即可生效。
你想让米侠浏览器里网页的滚动条变细、变透明、带圆角，甚至隐藏两端按钮，而不是用系统默认那又宽又丑还遮挡内容的样式——这完全可以通过注入自定义 CSS 实现，且只影响滚动条本身，不干扰页面任何其他元素。
启用用户样式注入功能
米侠浏览器默认禁用外部 CSS 注入，不开启就无法加载你写的滚动条规则。在地址栏输入 【mi://flags】 并回车 → 在搜索框中输入 【user stylesheet】 → 找到 “Enable user stylesheet injection” 选项 → 将其状态从 “Disabled” 改为 “Enabled” → 点击右下角 Relaunch 重启浏览器。
创建或编辑 userstyles.css 文件
重启后，浏览器会主动读取指定路径下的 userstyles.css。你需要确保文件存在、编码为 UTF-8、内容语法正确。
打开文件管理器，进入对应路径：
Android 路径：/Android/data/com.miaoxia.browser/files/userstyles.css
Windows 路径：C:\Users\[用户名]\AppData\Local\Miaoxia\User Data\Default\CustomStyles\userstyles.css
macOS 路径：~/Library/Application Support/Miaoxia/Default/CustomStyles/userstyles.css
若 CustomStyles 文件夹不存在，请手动创建；若 userstyles.css 已存在，用记事本或 VS Code 打开；若不存在，新建一个 UTF-8 编码空文件并命名为 userstyles.css。
写入滚动条 CSS 规则并保存
在 userstyles.css 中粘贴以下任一方案，保存后刷新任意网页即可生效：
方法一：极简窄条（推荐日常使用）
::-webkit-scrollbar { width: 4px; }<br>::-webkit-scrollbar-track { background: rgba(0,0,0,0.05); border-radius: 2px; }<br>::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.3); border-radius: 2px; }
方法二：隐藏按钮+圆角滑块
::-webkit-scrollbar { width: 6px; }<br>::-webkit-scrollbar-track { background: transparent; }<br>::-webkit-scrollbar-thumb { background: #666; border-radius: 3px; }<br>::-webkit-scrollbar-button { display: none; }
方法三：全局强制覆盖（适配所有页面）
body::-webkit-scrollbar { width: 5px; }<br>body::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 4px; }<br>body::-webkit-scrollbar-thumb { background-color: #aaa; border-radius: 4px; }
注意：这里用 【body::-webkit-scrollbar】 而非通配符，可避免部分 iframe 内嵌页样式冲突。
验证与微调
① 打开任意长网页（如知乎文章、技术文档），上下拖动右侧滚动条，观察是否已按新样式渲染；
② 若未生效，检查 userstyles.css 是否保存为 UTF-8 编码（非 ANSI 或 UTF-8-BOM）；
③ 若仅部分页面生效，说明该页面使用了 shadow DOM 或 scoped 样式隔离，此时需将选择器升级为 【html::-webkit-scrollbar】 并加 【!important】；
④ 修改数值后保存文件，无需重启浏览器，直接刷新当前页即可预览效果。
