css - 多个框阴影不渲染

Question

我正在尝试使用 CSS3 和 box-shadow 为文本输入提供投影和内阴影，您可以在此处查看我的代码，

.text {
        width:388px;
        line-height:37px; 
        height:37px; 
        box-shadow:inset 0px 4px 4px rgba(193, 209, 230, 0.58), 0px 2px 2px, rgba(255, 255, 255, 0.75);
        border-radius:10px; 
        background:#cdd6e6; 
        border:0 none; 
}

​​​http://jsfiddle.net/3CBrm/

但是我的盒子阴影规则只是被忽略了，我做错了什么？

Answer 1

你似乎有一个额外的,：

...rgba(193, 209, 230, 0.58), 0px 2px 2px, rgba(255, 255, 255, 0.75);
                                         ^

在此修复后，您的阴影似乎在那里，但它与背景颜色过于相似。

jsFiddle 演示