css - 是否有 'box-shadow-color' 属性？

Question

我有以下 CSS:

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

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

似乎没有 box-shadow-color，至少 Google 什么也没找到。

Answer 1

其实……有!有点。 box-shadow 默认为 color，就像 border 一样。

根据 http://dev.w3.org/.../#the-box-shadow

The color is the color of the shadow. If the color is absent, the used color is taken from the ‘color’ property.

在实践中，您必须更改 color 属性并让 box-shadow 没有颜色:

box-shadow: 1px 2px 3px;
color: #a00;

支持

• Safari 6+
• Chrome 20+(至少)
• Firefox 13+(至少)
• IE9+(IE8 完全不支持box-shadow)

演示

div {
    box-shadow: 0 0 50px;
    transition: 0.3s color;
}
.green {
    color: green;
}
.red {
    color: red;
}
div:hover {
    color: yellow;
}

/*demo style*/
body {
    text-align: center;
}
div {
    display: inline-block;
    background: white;
    height: 100px;
    width: 100px;
    margin: 30px;
    border-radius: 50%;
}

<div class="green"></div>
<div class="red"></div>

下面评论中提到的错误已经被修复:)