[解決済み】「box-shadow-color」プロパティはありますか？

質問

以下のようなCSSがあります。

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

今、私はその色を抽出して、ページカラーを「スキナブル」にしようとしています。何かいい方法はないでしょうか？単に色を削除し、後で同じキーを再び使用すると、元のルールが上書きされます。

はないようです。 box-shadow-color 少なくともGoogleでは何も出てきません。

解決方法は？

いいえ。

http://www.w3.org/TR/css3-background/#the-box-shadow

ChromeとFirefoxでは、計算されたスタイルのリストを確認することで確認できます。 その他の省略記法があるプロパティ（例えば border-radius ) のバリエーションが仕様で定義されています。

ほとんどの欠落した "long-hand" CSS プロパティと同様です。 CSS変数 はこの問題を解決することができます。

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

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