Css 聚焦框阴影

为什么方框阴影是亮着的：焦点没有应用到我这里的JSFIDLE中

:-|

---

如果您在Firefox 3.5或3.6中进行测试，并且没有看到任何框阴影，那是因为您没有一个

-moz-box-shadow

前缀，这是测试所必需的

---

在支持该属性或其WebKit前缀的其他浏览器中，这应该（并且确实）能按预期工作。

添加

-WebKit外观：无


至于webkit浏览器下的复选框，它似乎是一个带有方框阴影的复选框。
结果显示，方框阴影不适用于chrome中的选择框和复选框。
此外，如果您只需要文本字段或区域，则可以指定边框。不知何故，如果你给一个像
1px纯黑
这样的边框，阴影就会起作用

（我在文本字段上有一个工作阴影，因此我将应用于它的不同样式添加到您的JSFIDLE:）
您在哪个浏览器中遇到了这种情况？它在Firefox 12中对我很有用。@septerr也可以添加-ms-box-shadow和-o-box-shadow。@post_erasmus:这些都不存在。@post_erasmus:我尊重PPK，但他的网站充满了对各种前缀属性的测试，这些前缀属性不存在，也从未存在过。我不再使用他的测试了，谢谢。设置{-webkit外观：none；}}会以某种方式弄乱选择框和复选框。把它们揉成团。但它确实会在选择框上显示阴影。去掉webkit的外观也会去掉复选框中的勾号，因此如果您选择此路线，则需要进一步自定义此选项。