Android 4.4–6.0 WebView 完全不支持 currentColor，整条 CSS 规则被静默丢弃；内联 SVG 的 fill="currentColor" 被 XML 层拒绝回退为 black；伪元素需显式 color: inherit 才能继承，继承链断裂或 color 无效（如 transparent）亦导致失效。
因为老旧安卓机型（尤其是 Android 4.4–6.0）的 WebView 内核压根不识别 currentColor，整条 CSS 声明会被静默丢弃——不是“颜色没变”，是浏览器连解析都没做。
Android 4.4–6.0 的 WebView 完全不支持 currentColor
这些版本基于 Chromium 30–44，currentColor 关键字未被纳入语法解析器。遇到 border-color: currentColor 或 fill: currentColor，整条规则直接跳过，DevTools 里看不到警告，样式回退到初始值（比如边框消失、SVG 图标变黑）。
-
border: 1px solid currentColor在 Android 4.4 中整条失效 → 必须拆成border-width、border-style、border-color单独写 -
box-shadow: 0 0 4px currentColor同样被忽略 → 老 WebView 不支持该用法，得写两行 fallback -
background-color: currentColor在 Android 4.4–6.0 和 IE11 中均无效 → 这些环境根本不认这个组合
fill="currentColor" 在内联 SVG 中为何还是黑的？
不是语法错，而是 Android 4.4 WebView 对 HTML 属性值校验极严：fill="currentColor" 被当作非法字符串直接回退为 fill="black"。这不是 CSS 解析问题，是 XML 属性层面的拒绝。
- 必须删掉所有内联
fill、stroke属性（包括<svg fill="currentColor"></svg>） - 改用 CSS 控制：给父容器设
color，再写svg path { fill: currentColor; } -
<img src="icon.svg" alt="为什么CSS currentColor关键字在某些老旧安卓机型上失效？" >和background-image: url(icon.svg)完全不可用 —— 上下文隔离，currentColor连解析机会都没有
伪元素和继承链断裂才是真凶
90% 的“失效”其实和浏览器版本无关，而是 currentColor 根本没东西可取 —— 它读的是**本元素自身计算出的 color 值**，不是父级传下来的。如果父容器是 <button></button> 或 <input>，UA 样式可能把 color 推断为 buttontext 或 canvastext，最终算出来是黑色或透明。
立即学习“前端免费学习笔记（深入）”；
- ::before / ::after 默认不继承
color，它的currentColor永远是black→ 必须显式加color: inherit - 用了
display: contents或all: unset会切断继承链 →currentColor失效 - 调试时优先查 DevTools 的 Computed 面板，确认目标元素的
color是否为有效值（不是transparent或rgba(0,0,0,0)）
真正难缠的不是语法不支持，而是失效时毫无提示；你得同时检查 DOM 结构、继承链、属性写法和 WebView 版本，漏掉任意一环，图标就还是黑的。
