在焦点的箱子阴影

Question

为什么盒子阴影打开：焦点没有应用在我这里的这个jsfiddle中？

http://jsfiddle.net/septerr/ZgZEY/

  

： - |

Answer 1

添加-webkit-appearance: none;

<强> jsFiddle example

至于webkit浏览器下的复选框，它似乎是带有框阴影的known bug。

Answer 2

如果您在Firefox 3.5或3.6中进行测试，并且没有看到任何框阴影，那是因为您没有-moz-box-shadow前缀，这是those versions所必需的。< / p>

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

Answer 3

使用chrome中的选择框和复选框，无法使用框阴影。

Answer 4

此外，如果您只需要文本字段或区域，则可以指定边框。不知何故，如果你给出像1px solid black这样的边框，阴影就会起作用。

（我在textfields上有一个工作阴影，所以我添加了我应用于你的jsfiddle的不同样式：http://jsfiddle.net/ZgZEY/30/）