Цвет тени коробки по умолчанию?

Какой цвет * box-shadows по умолчанию, если ничего не указано?

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

Как я могу установить этот цвет отдельно? (Согласно Есть ли свойство box-shadow-color? нет таких вещей, как * box-shadow-color ...)


css mozilla webkit box-shadow
person Kawu    schedule 22.06.2011    source источник

Ответы (2)


arrow_upward
2
arrow_downward

См .: 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 не существует.

person thirtydot    schedule 22.06.2011
comment
Жаль, что webkit не использует по умолчанию цвет или какое-то другое свойство ... - person Kawu; 22.06.2011

arrow_upward
1
arrow_downward

Хотя свойства box-shadow-color еще нет, box-shadow по умолчанию color, как и border.

На практике вам нужно изменить свойство color и оставить box-shadow без цвета:

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

Посмотрите демонстрацию

Служба поддержки:

  • Safari 6+
  • Chrome 20+ (минимум)
  • Firefox 13+ (как минимум)
  • (IE не тестировался)
person fregante    schedule 01.09.2012