currentcolor仅对内联svg有效，或background-image引入的svg因隔离上下文不支持；失效主因是svg源码含硬编码fill/stroke、父容器未设color，或未清除所有内联颜色属性。
能，但只对内联 SVG 有效；<img src="icon.svg"> 或 CSS background-image 完全不支持，强行写 currentColor 不会变色。
为什么 currentColor 在 SVG 里有时没反应
最常见原因是 SVG 源码自带硬编码颜色，比如导出工具自动加的 fill="#000" 或 stroke="red"。这些内联属性优先级高于 CSS 中的 fill: currentColor，直接覆盖继承逻辑。
- 必须手动删掉所有路径上的
fill、stroke、style="fill: ..."等行内颜色声明 -
<svg></svg>根标签也别设fill或color——它默认继承，显式写反而可能干扰层叠 - 检查父容器是否真的设置了
color：没写color，currentColor就回退到浏览器默认（通常是black），不是“自动猜” - 用浏览器 DevTools 查看元素的 computed
color值，确认它确实是你期望的颜色
fill="currentColor" 和 stroke="currentColor" 怎么配着用
线性图标常用描边，面性图标常用填充，两者可共存。关键是要统一源头——都靠父级 color 驱动，而不是各自设不同变量。
- 单色图标：所有
<path></path>、<circle></circle>等子元素都写fill="currentColor"，需要描边就加stroke="currentColor" - 局部固定色：某条路径要始终是红色（如品牌标识），单独写
fill="#e53935"，它不会被currentColor影响 - 渐变色适配：在
<lineargradient></lineargradient>的stop-color="currentColor"也能生效，实现主题色渐变 - 慎用在
<filter></filter>里：flood-color="currentColor"在旧版 Safari 有解析不稳定问题
哪些加载方式根本不能用 currentColor
currentColor 依赖 CSS 渲染树参与样式计算，一旦 SVG 被隔离成独立上下文，继承链就断了。
-
<img src="icon.svg">：外部文件，无 DOM 节点，currentColor完全不可见 -
background-image: url(icon.svg)：同上，背景图不参与当前样式作用域 -
<object data="icon.svg"></object>：虽有 DOM，但跨文档上下文，继承失效 - ✅ 可用方式只有两种：
<svg>...</svg>内联写死，或<use href="#id"></use>引用页面内已定义的<symbol></symbol>
真正容易被忽略的是：即使用了内联 SVG，只要漏删一个 fill="none" 或 stroke="#666"，整个继承链就卡在那一处。它不报错，只是静默失效——得逐个检查路径节点，而不是只看根 <svg></svg> 标签。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
