jquery - 使用 jquery 从元素中删除框阴影

Question

我正在尝试从我在 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 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' : ''});

我在这里做错了什么？谢谢。

Answer 1

要覆盖这些样式，您需要显式指定'none'，而不仅仅是'':

$('.pagewrap .page').css({'-webkit-box-shadow' : 'none', '-moz-box-shadow' : 'none', 'box-shadow' : 'none'});

这有效:http://jsfiddle.net/8PV5v/

正如 Frédéric 指出的那样，moz-box-shadow 应该是 -moz-box-shadow - 在您使用过的地方替换它。