首先启用Brave的实验性功能标志以允许自定义CSS注入，接着可通过开发者工具手动插入样式、使用扩展程序自动化注入，或配合本地服务器与hosts文件模拟真实攻击场景完成测试。
如果您在使用Mac上的Brave浏览器进行CSS注入实验或HTML安全测试时遇到问题，可能是由于浏览器的安全策略阻止了自定义样式的加载。以下是解决此问题的步骤：
一、启用实验性功能标志
Brave浏览器基于Chromium内核，支持通过开启实验性功能来允许更灵活的内容注入。该方法可用于临时启用某些被默认禁用的功能。
1、在地址栏输入 brave://flags 并回车。
2、在搜索框中输入 custom CSS 或 injection 进行筛选。
立即学习“前端免费学习笔记（深入）”；
3、找到与用户样式表或脚本注入相关的选项，例如 "Enable Custom Stylesheets" 或类似描述项。
4、将其设置为 Enabled 状态。
5、重启浏览器使更改生效。
二、使用开发者工具手动插入CSS
该方法适用于临时测试HTML页面中的CSS注入效果，无需持久化修改，适合安全性评估场景。
1、打开目标网页后，按下 Option + ⌘ + I 打开开发者工具。
2、切换到 Elements 面板，找到 <head> 标签。
3、右键点击 <head> 内容区域，选择“Edit as HTML”。
4、插入一段 <style> 标签，例如：
<style> body { background-color: red !important; } </style>
5、确认样式已应用且页面渲染发生变化。
三、通过扩展程序注入CSS
利用Brave支持的浏览器扩展机制，可以实现自动化CSS注入，便于重复测试不同HTML环境下的表现。
1、访问 Brave Web Store 或兼容的Chrome扩展商店。
2、搜索并安装支持CSS注入的扩展，如 "Stylus" 或 "User CSS"。
3、安装完成后点击工具栏中的扩展图标进入配置界面。
4、添加新规则，指定目标网站域名和要注入的CSS代码。
5、保存规则并刷新目标页面验证是否成功应用。
四、修改本地Hosts文件配合本地服务器测试
当需要模拟真实注入攻击场景时，可通过本地服务器托管恶意HTML/CSS，并修改DNS映射指向本地资源。
1、启动本地HTTP服务，例如使用Python命令：python3 -m http.server 8000。
2、将包含测试用CSS的HTML文件放置于服务目录下。
3、编辑系统hosts文件：sudo nano /etc/hosts。
4、添加一行映射记录，例如：127.0.0.1 target-site.com。
5、在浏览器中访问 target-site.com 并观察是否加载了本地CSS内容。
