currentcolor 严格取元素自身计算后的 color 值，非自动继承父级；失效主因是元素无 color 值或未正确继承，仅作用于接受 类型的属性，不支持 transition。
currentcolor 不是“自动继承父级颜色”的捷径，而是严格读取**当前元素自身计算后的 color 值**——它强大，是因为省去了重复写颜色、手动同步、JS 干预的麻烦；但它失效，往往是因为你误以为它会“穿透”或“预测”颜色来源。
为什么写了 currentcolor 边框却还是黑色？
这不是浏览器 bug，而是 currentcolor 没拿到有效 color 值：
- 该元素本身没设
color，且父级也没传下来（比如input默认不继承color，得显式加color: inherit） - 写了
border: 1px solid currentcolor，但同时有border-style: none或border-width: 0覆盖了样式 - 在 SVG 中用
fill="currentColor"，但外层<svg></svg>元素没设color，而只是父<div> 设了——<code>currentcolor不跨元素继承，只认直接宿主 - 开发者工具里看 computed
color是rgb(0, 0, 0)或transparent，那边框自然也是黑/透明 - ✅ 可用：
border-color、border-top-color、outline-color、box-shadow的颜色部分（如box-shadow: 0 1px 2px currentcolor） - ✅ 可用：
fill和stroke（SVG 内联或 CSS 控制时）、background-color、text-shadow、伪元素的color/border-color - ❌ 不可用：
background-image（除非是linear-gradient(to right, currentcolor, white)这类支持颜色插值的函数）、filter、transform、font-size - 当颜色逻辑完全围绕
color展开（比如按钮 hover 改color，边框/图标/阴影全要同步变），currentcolor零配置、零延迟、自动响应伪类和媒体查询 - 当你要让 SVG 图标在不同上下文中自动适配文字色（如导航项、提示文案、禁用态），
fill: currentcolor比层层传递--icon-color更轻量 - 但如果你的主题色独立于文字色（比如背景主色是蓝色，文字却是白色），那就必须用
var(--primary)，currentcolor此时无能为力 - 注意：
transition对currentcolor无效——改color时边框不会渐变，而是跳变；需要过渡效果得另配动画或 JS
currentcolor 在哪些 CSS 属性里真正生效？
它只作用于**明确接受颜色值（<color></color> 类型）的属性**，不是所有带“色”字的地方都能用：
和 CSS 自定义变量比，currentcolor 什么时候更合适？
它不是变量的替代品，而是解决“颜色与文字强绑定”这一特定问题的原生机制：
最常被忽略的一点：调不出来时，别猜“是不是语法错了”，直接打开开发者工具，定位到那个用了 currentcolor 的元素，看它的 computed color 是多少——currentcolor 就是它，不多也不少。
