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

我目前正在一个小型网站上工作,我已经在网站上的各种元素上使用了Box-shadow效果.除了选择和输入外,Chrome和Firefox都适用于所有应用的元素.这些输入类型在Firefox中可以正常工作,但不能在Chrome中运行.任何想法为什么？

我已经使用Box-shadow,-webkit-Box-shadow和-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;
}

演示：http://jsfiddle.net/AlienWebguy/UD2QP/