jQuery是否无法更改CSS3框的阴影值？ 背景

我有一对函数，我想用来设置一些导航按钮的动画。基本上，我希望这些按钮看起来像按钮——它们启用了框阴影。当用户点击它们时，它们会按下——我认为这可以通过消除或减少方框阴影来显示

我很确定这些函数是正确的，地图的格式也正确。但是jQuery似乎没有改变框阴影值。我测试过，它可以改变字体颜色和背景颜色，甚至还有另一个CSS3属性，边框半径：

$(document).ready(function(){
    $('div#forward,div#back').mousedown(function(){
        $(this).css({
            'color' : 'black',
            'background' : 'white',
            'border-radius' : '15px',
            'box-shadow' : '0px 0px 0px #444',
            '-moz-box-shadow' : '0px 0px 0px #444',
            '-webkit-boxshadow' : '0px 0px 0px #444',
        });
    });
    $('div#forward,div#back').mouseup(function(){
        $(this).css({
            'color':'white',
            'background':'#808080',
            'border-radius' : '5px',
            'box-shadow' : '1px 3px 6px #444',
            '-moz-box-shadow' : '1px 3px 6px #444',
            '-webkit-box-shadow' : '1px 3px 6px #444',
        });
    });
});

问题

• 我的剧本有什么问题吗

• 如果没有，是否有一个变通办法让jQuery（或者可能只是JavaScript）来操作框阴影

---

其中一个字符串文本缺少破折号。在第一个

.css（）

调用中将

'-webkit-box-shadow'

更改为

'-webkit-box-shadow'

。

只是为了给这个问题增添一点新鲜感：
从jQuery 1.8+开始，您只需使用（交叉浏览器）

---

不添加-browserVendor特定前缀

如果要使用，可以这样绑定

$('#txtApproxFare').css('border-color', 'red')
$('#txtApproxFare').css('box-shadow', '1px red')

您也可以在单行中使用，也可以沿着此行追加

$('#txtApproxFare').css({'border-color':'red','box-shadow':'0px 0px 1px red'})

---

太好了！你有你在哪里发现的链接吗？或者是一个链接，指向我应该填写的内容列表。css（属性）对于类似的每个CSS3奇特属性（例如转换）？不需要CSS3供应商特定的属性。jQuery通过开箱即用的方式应用它们。

$('#txtApproxFare').css({'border-color':'red','box-shadow':'0px 0px 1px red'})