CSS - Cambiar cuadro de sombra específica en la lista cuadro de sombras
¿Cómo podemos anular un valor específico y preservar todos los demás valores enbox-shadow lista como esta:
div{
box-shadow: 0 0 0 5px #00ff00 , 0 0 0 10px #ff0000 , 0 0 0 15px #0000ff ;
}
Digamos que queremos anular solo el segundo valor sin perder otros:
div.with-another-shadow{
box-shadow: ??? , 0 0 0 5px #abcdef , ??? ;
}
Parece que es posible solo cuando estamos copiando y pegando el primer y el tercer valor también. No está trabajando no conauto y no coninherit.
¿Es posible lograr esto solo con css o necesitamos usar jQuery o JavaScript?getComputedStyle método o algo?
Aquí está el patio de recreo:http://jsfiddle.net/cherniv/uspTj/5/
PD Parece que es relevante para múltiplesbackground lista de imágenes también ..