html - 插入框阴影不起作用

我正在尝试使内部阴影在Chrome的输入字段中起作用。不幸的是，到目前为止，这还没有真正解决。您可以在此处查看jsfiddle：http://jsfiddle.net/XgsPT/2/

我的CSS：

input {
margin-top: 15px;
margin-left: 15px;
-moz-box-shadow:    inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow:         inset 0 0 10px #000000;
}

和这个简单的HTML：

<input type="text" width="30">

但没有阴影出现（Chrome 24）

最佳答案

给输入字段加上边框，盒子阴影最终将起作用。

http://jsfiddle.net/Jx8xF/

input {
    margin-top: 15px;
    margin-left: 15px;
   -moz-box-shadow:    inset 0 0 10px #aaa;
   -webkit-box-shadow: inset 0 0 10px #aaa;
   box-shadow:         inset 0 0 10px #aaa;
    border: 1px solid #aaa;

}