currentcolor 在旧浏览器中部分用法会静默失效：ie11 不支持 border 复合属性混用 currentcolor，safari ≤13.1 不支持 box-shadow 使用 currentcolor，内联 svg 需确保父元素有 color 且无硬编码 fill，伪元素需显式 color: inherit。
currentColor 在 IE11、Safari ≤9、Android 4.4 WebView 等环境里不是“部分失效”，而是某些用法会静默丢弃整条声明——边框消失、阴影不渲染、图标变黑，但控制台不报错。
border-color: currentColor 在 IE11 中为何整条边框没了
IE11 支持 currentColor，但**不支持在复合属性 border 中混用**。写 border: 1px solid currentColor 会被整个忽略，结果是无边框。
- ✅ 正确写法（必须拆开）：
border-width: 1px;+border-style: solid;+border-color: currentColor; - ❌ 错误写法：
border: 1px solid currentColor;（IE11 完全跳过） - ⚠️ 即使现代浏览器支持，也建议避免复合写法——未来兼容性波动风险高
box-shadow: currentColor 在 Safari ≤13.1 中不显示怎么办
box-shadow: 0 0 4px currentColor 在 Safari ≤13.1 中静默失败（不报错、不渲染），因为早期只允许 currentColor 用于 border-color 和 outline-color，阴影是后来加的特性。
- ✅ 兜底写法（层叠顺序）：
box-shadow: 0 0 4px #94a3b8;+box-shadow: 0 0 4px currentColor; - ⚠️ 不要写成
box-shadow: 0 0 4px #94a3b8, 0 0 4px currentColor;—— 多值语法中任一无效值会导致整条声明被丢弃 - ? 暗色模式下 fallback 色需手动维护，比如同时提供
#cbd5e1（浅色）和#475569（深色）两套规则
内联 SVG 的 fill="currentColor" 在老浏览器里还是黑的
不是浏览器不支持，而是常见干扰项太多：硬编码覆盖、大小写错误、父容器没 color 值，或 UA 样式把 color 推断为 buttontext 或 canvastext 导致回退到黑色。
- ✅ 必须检查并删除所有显式
fill/stroke属性：<path fill="#000"></path>→ 改为<path fill="currentColor"></path> - ✅ 确保父容器有明确
color声明（不能只靠继承）：button { color: #3b82f6; }，而非依赖 UA 默认 - ⚠️
fill="currentcolor"（小写 c）或fill: currentColor（CSS 语法写在 HTML 属性里）均无效 - ?
<img src="icon.svg">和background-image: url(icon.svg)完全不支持currentColor，样式上下文隔离
最易被忽略的一点：伪元素（::before / ::after）默认没有 color 继承，它的 currentColor 是初始值 black，不是父元素文字色——必须显式写 color: inherit; 才能生效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
