移除外框阴影，仅保留内嵌阴影
移除外框阴影，仅保留内嵌阴影
提问于 2015-05-29 08:38:27
我想移除所有元素的所有外部阴影，但保留嵌入的阴影。如果我做$('*').css({'box-shadow':'none'});，那么它将删除所有的长方体阴影，包括内侧和外部。我怎样才能保持所有的内心阴影？
回答 2
Stack Overflow用户
发布于 2015-05-29 08:42:22
您应该将您的阴影改为插入，但您必须知道之前的值在哪里，像这样的粗略的东西可能会起作用：
var prevShadow = $('#myDiv').css('box-shadow');
$('#myDiv').css('box-shadow', prevShadow + ' inset');Stack Overflow用户
发布于 2015-05-29 09:20:28
只需使外部颜色透明即可
box-shadow:inset 0px 0px 10px red, 0px 0px 10px transparent或者仅使用!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
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30519328
复制相关文章
相似问题
腾讯云开发者
