最简单方式是用style属性直接设置<mark>颜色，如<mark style="background-color:#ffeb3b;color:#333;">高亮内容</mark>；推荐用CSS类统一管理多处高亮，注意Safari旧版兼容性及WCAG对比度要求。
直接用 style 属性改 <mark> 颜色最简单
浏览器默认的 <mark> 是黄色背景、黑色文字，但没法靠 HTML 属性直接设颜色，必须用 CSS。最直白的方式就是在标签里加 style：
<mark style="background-color: #ffeb3b; color: #333;">高亮内容</mark>- 支持所有合法 CSS 颜色值：十六进制（
#ff6b6b）、RGB（rgb(255, 107, 107)）、英文名（lightcoral） - 只影响当前这个
<mark>，不污染其他地方
用 CSS 类统一管理更稳妥
如果页面里多处用 <mark>，硬写 style 容易漏改、难维护。推荐定义类：
mark.highlight-red {
background-color: #ffebee;
color: #c62828;
}
mark.highlight-blue {
background-color: #e3f2fd;
color: #1976d2;
}
然后在 HTML 中用：<mark class="highlight-red">错误提示</mark> 或 <mark class="highlight-blue">重点说明</mark>
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 类名别用
mark直接覆盖全局样式，否则会影响所有<mark>标签 - 如果必须全局改，用
mark { background-color: #fff3cd; color: #856404; }，但要小心第三方组件里也用了<mark>
注意 Safari 和旧版 Edge 的兼容性差异
绝大多数现代浏览器对 <mark> 的 CSS 支持没问题，但 Safari 12 及更早版本不支持 background-color 在 <mark> 上生效（只认默认黄色），Edge 17–18 则偶发渲染延迟。
立即学习“前端免费学习笔记（深入）”；
- 真要兼容老 Safari，得用
<span class="mark-like">替代，再配相同样式 - 测试时别只看 Chrome，至少打开 Safari 点开开发者工具，检查
Computed里background-color是否被覆盖或失效 -
color属性基本没兼容问题，但background-color是最容易翻车的点
别忽略可访问性（a11y）对比度
改了颜色后，文字和背景的对比度可能低于 WCAG 4.5:1 要求，尤其浅黄配浅灰、粉红配白这类组合。
- 用浏览器插件（如 axe DevTools）或在线工具（WebAIM Contrast Checker）测一下实际对比度
- 深色文字配浅色背景通常更安全，比如
background-color: #fff9c4+color: #1f2329 - 别为了“好看”牺牲可读性——用户放大字体或开启高对比模式时，自定义
<mark>样式可能被系统强制重置
<mark> 很少单独存在，常嵌在段落或代码块里；这时候还要留意父容器的 line-height、padding 是否挤压高亮区域，导致背景显示不全——这点容易被忽略，调完颜色还得滚动预览几屏。 
