У меня есть следующий CSS:
box-shadow: inset 0px 0px 2px #a00;
Теперь я пытаюсь извлечь тот цвет для создания цветов страницы 'со сменными окнами'. Есть ли какой-либо способ сделать это? Просто удаляя цвет, и затем с помощью того же ключа снова более поздние перезаписи исходное правило.
Кажется, нет a box-shadow-color
, по крайней мере, Google ничего не поднимает.
№:
http://www.w3.org/TR/css3-background/#the-box-shadow
Вы можете проверить это в Chrome и Firefox, установив флажок список вычисляемых стилей. Варианты других свойств, которые имеют сокращенные методы (например, border-radius
), определены в спецификации.
Как и в случае с большинством отсутствующих «длинных» свойств CSS, переменные CSS могут решить эту проблему:
#el {
--box-shadow-color: palegoldenrod;
box-shadow: 1px 2px 3px var(--box-shadow-color);
}
#el:hover {
--box-shadow-color: goldenrod;
}