删除外框阴影并仅保留嵌入阴影

Question

我想删除所有元素的所有外阴影但保留嵌入阴影。如果我做$('*').css({'box-shadow':'none'});那么它将删除所有的插入和外部的阴影。我如何保留所有内部阴影？

谢谢。

Answer 1

你应该改变你的影子，而不是地内陷，但你必须知道以前的值，其中，一些粗糙这样可以工作：

var prevShadow = $('#myDiv').css('box-shadow'); 
$('#myDiv').css('box-shadow', prevShadow + ' inset'); 

Answer 2

只是要外颜色透明

box-shadow:inset 0px 0px 10px red, 0px 0px 10px transparent 

或者只是分配一个类的元素（S）与!important

<div class="something"></div> 

.something { 
    box-shadow:inset 0px 0px 10px red !important; 
} 

或者只是重新做盒子的影子一起

$('.changeBoxShadow').click(function (e) { 
    $('.hasBoth').css('box-shadow', 'inset 0px 0px 10px red'); 
}); 

<div class="hasBoth"></div> 
<p> <a class="changeBoxShadow">Change Box Shadow</a></p> 

Fiddle for you