У меня есть следующий CSS:
box-shadow: inset 0px 0px 2px #a00;
Сейчас я пытаюсь извлечь этот цвет, чтобы сделать цвета страницы «скиновыми». Есть ли способ сделать это? Просто удалив цвет, а затем снова используя тот же ключ, перезаписываем исходное правило.
Кажется, что нет box-shadow-color
, по крайней мере, Google ничего не поднимает.
css
box-shadow
Epaga
источник
источник
Ответы:
Нет:
http://www.w3.org/TR/css3-background/#the-box-shadow
Вы можете проверить это в Chrome и Firefox, проверив список вычисленных стилей. Другие свойства, которые имеют сокращенные методы (например
border-radius
), имеют свои изменения, определенные в спецификации.Как и в случае с большинством отсутствующих свойств «длинных рук», переменные CSS могут решить эту проблему:
источник
На самом деле ... есть! Вроде, как бы, что-то вроде.
box-shadow
по умолчаниюcolor
, так же, как иborder
делает.Согласно http://dev.w3.org/.../#the-box-shadow
На практике нужно поменять
color
свойство и оставитьbox-shadow
без цвета:Служба поддержки
box-shadow
вообще)демонстрация
Ошибка, упомянутая в комментарии ниже, была исправлена :)
источник
color
свойство. code.google.com/p/chromium/issues/detail?id=133745color
к дочернему элементу.Вы можете использовать препроцессор CSS для создания скинов. С Sass вы можете сделать что-то похожее на это:
_theme1.scss:
_theme2.scss:
styles.scss:
Если это не тематика всего сайта, а тематика на основе классов, то вам нужно сделать это: http://codepen.io/jjenzz/pen/EaAzo
источник
Вы можете сделать это с помощью переменной CSS
источник
Быстрое копирование и вставка, которые вы можете использовать для Chrome и Firefox, будут следующими: (измените материал после #, чтобы изменить цвет)
Ответ Мэтта Робертса верен для браузеров webkit (safari, chrome и т. Д.), Но я подумал, что кто-то может захотеть быстрого ответа, а не научиться программировать для создания теней.
источник
Да есть способ
источник
Может быть, это новинка (я тоже довольно хреновый на css3), но у меня есть страница, которая использует именно то, что вы предлагаете:
.. и у меня это работает нормально (по крайней мере, в Chrome).
источник