刪除外框陰影並僅保留嵌入陰影

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