使用jquery从元素中删除框阴影
我正试图从css中定义的元素中删除框阴影,如下所示:使用jquery从元素中删除框阴影,jquery,css,Jquery,Css,我正试图从css中定义的元素中删除框阴影,如下所示: .pagewrap .page { moz-box-shadow:0 1px 2px #fff,0 -1px 1px #666,inset 0 -1px 1px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.8);-webkit-box-shadow:0 1px 2px #fff,0 -1px 1px #666,inset 0 -1px 1px rgba(0,0,0,0.5),inset
.pagewrap .page { moz-box-shadow:0 1px 2px #fff,0 -1px 1px #666,inset 0 -1px 1px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.8);-webkit-box-shadow:0 1px 2px #fff,0 -1px 1px #666,inset 0 -1px 1px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.8);box-shadow:0 1px 2px #fff,0 -1px 1px #666,inset 0 -1px 1px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.8); }
我使用以下jquery来消除框阴影,但这似乎不起作用:
$('.pagewrap .page').css({'-webkit-box-shadow' : '', 'moz-box-shadow' : '', 'box-shadow' : ''});
我做错了什么?
谢谢。像这样试试
$(".pagewrap .page").css("box-shadow", "none");
要覆盖这些样式,您需要显式指定
'none'
,而不仅仅是'
:
这项工作:
正如Frédéric指出的那样,
moz box shadow
应该是-moz box shadow
-在您使用过它的任何地方都可以替换它。应该是-moz box shadow
,并带有一个前导破折号吗?此外,现代浏览器的所有当前版本都支持box shadow属性,而不带供应商前缀
$('.pagewrap .page').css({'-webkit-box-shadow' : 'none', '-moz-box-shadow' : 'none', 'box-shadow' : 'none'});