forced-color-adjust: preserve-parent-color 不合法，浏览器直接忽略；正确继承父颜色用 currentColor，高对比度下需 forced-color-adjust: none 配合显式设色。
forced-color-adjust: preserve-parent-color 不是合法的 CSS 值，它根本不存在 —— 浏览器会直接忽略该声明，且 DevTools 里会标为无效属性值。
为什么 preserve-parent-color 会被误传
这是对 currentColor 和 forced-color-adjust 两个机制的混淆叠加：前者用于继承父元素计算后的 color 值，后者用于控制强制配色模式下的样式接管行为。但 CSS 规范中从未定义过 preserve-parent-color 这个关键字，所有主流浏览器（Chrome 103+、Edge 103+、Firefox 102+、Safari 17.4+）均不支持。
想让子元素用父元素的文字颜色？用 currentColor
这是唯一标准、跨浏览器、无需 JS 的方案，但它和高对比度模式无关，只负责颜色继承：
- 父元素必须有明确计算出的
color值（不能是unset、inherit或未声明） - 子元素在支持颜色的属性中写
color: currentColor或background-color: currentColor（注意旧 Safari/IE11 不支持后者） - 伪元素如
::before需要显式设置color，否则currentColor指向的是它自己的（通常未定义）计算值 -
currentColor不能赋给 CSS 自定义变量，也不能参与transition
想在高对比度模式下“保留原色”？必须用 forced-color-adjust: none + 显式颜色
这不是继承，而是主动对抗系统强制重绘 —— 但代价是可能破坏无障碍体验，需谨慎：
立即学习“前端免费学习笔记（深入）”；
- 仅加
forced-color-adjust: none没用，必须同时声明color、background-color、border-color等所有可能被覆盖的属性 - 不能用简写，比如
border: 1px solid #000在强制配色下可能失效，应拆成border-width、border-style、border-color - 透明背景（
transparent）在 forced-colors 下会被替换成 Canvas，极易导致文字不可读，务必避免 - Safari 目前不支持
forced-color-adjust（截至 2026 年 5 月），必须用@media (forced-colors: active)手动降级适配
真正容易被忽略的点是：你无法“既保留父级颜色又绕过强制配色”，因为二者作用域完全不同 —— currentColor 是普通渲染流程里的继承机制，而 forced-color-adjust 是在更高优先级的系统接管阶段起效。混用时得先确保父元素的 color 在 @media (forced-colors: active) 下仍是有效的系统色（如 ButtonText），否则子元素拿不到可用的 currentColor。
