默认框阴影颜色？

Question

如果没有指定* 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那样的东西......）

Answer 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属性。

Answer 2

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

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

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

查看demo

支持：

• Safari 6 +
• Chrome 20+（至少）
• Firefox 13+（至少）
• （IE未经测试）