表格在forced-colors: active下“看不见边框”并非border-collapse或box-sizing失效，而是系统清空border-color、background-color和color等硬编码值，仅保留border-width和border-style；必须对th、td逐层显式声明语义色（如border-color: ButtonText、background-color: ButtonFace），禁用渐变与阴影，并为嵌入SVG加forced-color-adjust: none及显式fill。
表格在 forced-colors: active 下为什么“看不见边框”
不是 border-collapse 或 box-sizing 失效，而是系统清空了所有 border-color、background-color 和 color 的硬编码值。你写的 border: 1px solid #ccc 会被忽略，background-color: #f9f9f9 变成透明，表格立刻“融进背景”。真正起作用的只有 border-width 和 border-style —— 颜色部分全被接管。
给 <table> 加 forced-color-adjust: none 没用，除非你写全颜色
单独加 forced-color-adjust: none 对表格整体无效，浏览器仍会按系统规则重绘单元格。更关键的是：表格是复合结构，tr、td、th 各自独立响应强制配色，必须逐层控制：
-
th和td必须显式声明color和background-color，不能留空或设为transparent - 用
border-color: ButtonText替代border: 1px solid #333（简写在高对比下常失效） - 对表头
th，推荐background-color: ButtonFace+color: ButtonText+border-bottom: 2px solid Highlight，构建强视觉分隔 - 避免在
table上设forced-color-adjust: none—— 它不继承，且会破坏语义（如屏幕阅读器依赖的默认表头对比）
用 @media (forced-colors: active) 重置表格结构比调色更重要
高对比度下，用户靠轮廓和间距识别数据，不是靠色块。重点不是“让表格看起来像原来那样”，而是确保每行可区分、每列有锚点：
-
th必须带border-bottom或outline，不能只靠背景色区分 -
tr:nth-child(even)的斑马纹失效，改用tr { border-bottom: 1px solid CanvasText; } -
td内若有链接或按钮，需在媒体查询内单独重置其border和outline，例如：a { outline: 2px solid Highlight; } - 禁用
background-image或box-shadow做隔行效果 —— 它们在forced-colors: active下直接退化
SVG 图标和自定义单元格装饰在表格里怎么保语义
表格中嵌入的 SVG（如排序箭头、状态徽章）最容易翻车：系统会把 fill 全部重映射为灰色。修复必须两步并行：
立即学习“前端免费学习笔记（深入）”；
- 给 SVG 元素本身加
forced-color-adjust: none（仅对该元素生效） - 同时显式写死
fill: ButtonText或fill: HighlightText，不能用fill="currentColor"（它在 forced-colors 下指向不可控值） - Safari 17.4+ 还需额外加
color-scheme: light dark，否则forced-color-adjust: none被忽略 - 纯装饰性图标（如分隔线）建议改用
::after { content: ""; display: block; border-bottom: 1px solid CanvasText; }，绕过 SVG 限制
border 宽度、outline-offset、padding-block 这些不被清空的属性，才是你唯一能稳定依靠的视觉杠杆。 
