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 に答える