默认框阴影颜色？ [复制]答案

【问题标题】：Default box shadow color? [duplicate]默认框阴影颜色？ [复制]
【发布时间】：2011-06-22 00:52:29
【问题描述】：

如果没有指定，*box-shadows 默认是什么颜色？

-webkit-box-shadow: 4px 4px 5px;
-moz-box-shadow: 4px 4px 5px;
box-shadow: 4px 4px 5px;

如何单独设置该颜色？（根据Is there a 'box-shadow-color' property? 没有*box-shadow-color 之类的东西...）

【问题讨论】：

【解决方案1】：

见：https://developer.mozilla.org/en/css/box-shadow

<color>（可选）
有关可能的关键字和符号，请参阅 <color> 值。如果未指定，颜色取决于浏览器。在壁虎 (Firefox)，color 的值使用属性。 WebKit 的影子是透明，因此无用，如果 <color> 被省略。

你只能设置颜色里面box-shadow，例如：

box-shadow: 4px 4px 5px #ccc;

您根本无法单独设置它，因为正如您所指出的，不存在 box-shadow-color 属性。

【讨论】：

【解决方案2】：

虽然还没有box-shadow-color 属性，但box-shadow 默认为color，就像border 一样。

在实践中，您必须更改color 属性并让box-shadow 不带颜色：

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

查看demo

支持：

【讨论】：