默認的箱子陰影顏色？

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?沒有的事，如*箱陰影色...）

Answer 1

參見：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屬性存在。

Answer 2

儘管還沒有box-shadow-color財產，但box-shadow默認爲color，就像border一樣。

在實踐中，你必須改變color財產，並留下box-shadow無顏色：

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

時退房demo

支持：

• Safari 6以上
• Chrome 20+（至少）
• 火狐13+（至少）
• （IE未測試）