为什么 :focus 上的 box-shadow 没有在我这里的这个 jsfiddle 中应用?
http://jsfiddle.net/septerr/ZgZEY/
:-|
如果您在 Firefox 3.5 或 3.6 中进行测试,但没有看到任何框阴影,那是因为您没有-moz-box-shadow
前缀,这是这些版本所必需的。
这应该(并且确实)在支持该属性或其 WebKit 前缀的其他浏览器中按预期工作。
原来 box-shadows 不适用于 chrome 中的选择框和复选框。
此外,如果您只需要文本字段或区域,则可以指定边框。不知何故,如果你给一个像1px solid black
阴影这样的边框就可以了。
(我在文本字段上有一个工作阴影,所以我将应用到它的不同样式添加到您的 jsfiddle:http: //jsfiddle.net/ZgZEY/30/)