需启用米侠浏览器用户样式注入功能并创建utf-8编码的userstyles.css文件,按域名或全局写入带!important的css规则,重启后生效。

你想让知乎页面标题加粗、微信公众号正文行距拉宽、电商网站价格数字变红——这些网页自带样式不满足你的阅读习惯,必须绕过网站限制,手动注入特定CSS规则才能精准美化。
启用用户样式注入功能
米侠浏览器默认关闭自定义CSS加载,不激活就无法执行任何美化规则。在地址栏输入mi://flags并回车 → 在搜索框中输入user stylesheet → 找到“Enable user stylesheet injection”选项 → 将其状态从“Disabled”改为“Enabled” → 点击右下角Relaunch重启浏览器。
【不重启则后续所有CSS文件都不会被读取】
创建并编辑userstyles.css文件
重启后,浏览器会主动查找并加载特定路径下的userstyles.css。你只需按系统类型找到对应目录,新建或编辑该文件即可。
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,否则中文注释和字体名会乱码。
写入针对性美化规则
规则必须带!important才有效,否则网页自身CSS权重更高,你的修改会被覆盖。下面提供三种典型场景的写法:
方法一:全局统一标题加粗+行高增强
body * { font-weight: 500 !important; line-height: 1.6 !important; }
方法二:仅对知乎生效(用@-moz-document domain限定)
@-moz-document domain("zhihu.com") { .Post-Title, .QuestionHeader-title { font-weight: 700 !important; color: #1a1a1a !important; } }
方法三:只改微信公众号正文段落(精确到class名)
@-moz-document domain("mp.weixin.qq.com") { .rich_media_content p { font-size: 17px !important; margin-bottom: 1.2em !important; } }
每条规则单独一行,不要合并写在同一行。写完后保存文件,立即生效,无需额外操作。
验证规则是否起效
第一步:打开目标网页(如zhihu.com或mp.weixin.qq.com),刷新页面。
第二步:观察标题是否变粗、段落间距是否增大、价格数字是否变红——若视觉变化符合预期,说明规则已加载成功。
第三步:若无变化,检查userstyles.css文件路径是否正确、编码是否为UTF-8、是否漏写!important、域名拼写是否与实际网址完全一致(比如www.zhihu.com和zhihu.com视为不同域)。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











