0

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

4

2 回答 2

2

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

<color>（可选）
查看<color>可能的关键字和符号的值。如果未指定，颜色取决于浏览器。在 Gecko (Firefox) 中，使用color 属性的值。WebKit 的阴影是透明的，因此如果 <color>省略则无用。

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

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

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

于 2011-06-22T00:56:10.630 回答
1

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

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

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

查看演示

支持：

  • 野生动物园 6+
  • Chrome 20+（至少）
  • Firefox 13+（至少）
  • （IE 未测试）
于 2012-09-01T21:14:28.213 回答