ie11中currentcolor整条css声明被静默丢弃，因解析器遇无法识别的currentcolor时直接跳过整条声明；伪元素默认不继承color，内联svg中fill="currentcolor"被校验为无效而回退为black；@supports无效，fallback需硬编码层叠，且currentcolor取本元素计算出的color值，继承链断裂是主因。
IE11中currentColor整条CSS声明被静默丢弃
不是“部分不生效”，而是解析器遇到无法识别的currentColor（尤其在简写属性里）时，直接跳过整条声明——连带border-width、border-style都失效。比如border: 1px solid currentColor在IE11里等于没写，元素变成无边框。
-
border-color: currentColor单独写通常能工作，因为IE11支持该属性+关键字组合 -
box-shadow: 0 0 4px currentColor同样会整条失效，不能和rgba()混写在同一声明里 - 伪元素如
::before默认不继承color，它的currentColor始终是black，除非显式加color: inherit
内联SVG中fill="currentColor"被当成非法字符串
IE11把HTML标签里的fill="currentColor"当作无效字面量值，直接回退为fill="black"。这不是CSS解析问题，而是XML属性值校验失败。
- 必须删掉所有内联
fill和stroke属性：<path fill="#333"></path>→ 改成<path></path> -
<svg fill="currentColor"></svg>也得删，IE11不认这个写法；正确做法是让父容器设color，再用CSS写svg path { fill: currentColor; } - React/Vue渲染时注意：框架可能把
fill="currentColor"转义成fill="%23000"，需检查DOM实际输出
@supports和构建时fallback都不可信
@supports (color: currentColor)在IE11里本身不被识别，整条规则被忽略，起不到任何降级作用。PostCSS插件如postcss-custom-properties默认也不处理currentColor，必须换用postcss-current-color并配静态映射。
- 安全fallback只能硬编码：
border-color: #333; border-color: currentColor;，靠层叠顺序兜底 - 不能写
color: var(--theme, #333); color: currentColor;——IE11连var()都整条忽略，第二行根本不会执行 - JS动态改主题色时，IE11必须同步设置
document.documentElement.style.color = '#25b864'，否则currentColor取不到新值
继承链断裂比语法错误更常见
90%的“失效”其实不是浏览器不支持，而是currentColor根本没东西可继承——它取的是**本元素自身计算出的color值**，不是父级透传过来的。如果父容器是<button></button>或<input>，UA样式可能覆盖你的color，导致计算值为空或black。
- 用DevTools的Computed面板查
<svg></svg>节点的color值：要是显示rgb(0, 0, 0)或inherit，说明继承链断了 -
<button></button>必须显式设color，不能依赖默认值；color: unset或color: initial会彻底截断继承 - 外链SVG（
<img src="icon.svg">或<use href="icon.svg#x"></use>）完全隔离样式上下文，currentColor对它们无效
currentColor写法，而是你根本没意识到那个包裹它的<div>压根没<code>color可传——每次图标不变色，先开Computed看color值，再删SVG里所有硬编码fill，这两步做完，问题基本就定位了。
