有“盒子阴影颜色”属性吗？

Question

我有以下CSS：

box-shadow: inset 0px 0px 2px #a00;

现在，我尝试提取该颜色以使页面颜色“可滑动”。有什么办法吗？只需删除颜色，然后再次使用相同的键，稍后将覆盖原始规则。

似乎没有box-shadow-color，至少Google没做。

Answer 1

没有：

您可以通过检查计算样式列表来在Chrome和Firefox中进行验证。具有简写方法的其他属性（如border- radius）在规范中定义了其变体。

与大多数缺少的“长期” CSS属性一样，CSS变量可以解决此问题：

#el {
    --box-shadow-color: palegoldenrod;
    box-shadow: 1px 2px 3px var(--box-shadow-color);
}

#el:hover {
    --box-shadow-color: goldenrod;
}