在 Chrome 中的选择输入上使用框阴影

我目前正在开发一个小型网站，并且我在网站上的各种元素上使用了盒子阴影效果。它似乎适用于所有应用它的元素，在 Chrome 和 Firefox 中，除了select and input。它在 Firefox 中适用于这些输入类型，但在 Chrome 中则不然。有什么想法吗？

我已经使用了这个效果box-shadow, -webkit-box-shadow and -moz-box-shadow以获得多浏览器支持。

这是一个解决方法：

HTML:

<div><input type="text" /></div>

CSS:

div {
    -webkit-box-shadow: 5px 5px 5px #666;
    -moz-box-shadow: 5px 5px 5px #666;
    box-shadow: 5px 5px 5px #666;
    display:inline-block;
}

Demo: http://jsfiddle.net/AlienWebguy/UD2QP/ http://jsfiddle.net/AlienWebguy/UD2QP/