Box shadow on focus

为什么box-shadow on：focus在这个jsfiddle中没有得到应用我在这里？Box shadow on focus

： - |

2012-05-21 septerr

是什么浏览器，你在遇到此？它适用于Firefox 12中的我。 – Quantastical

我正在使用Chrome – septerr

结果箱阴影不适用于chrome中的选择框和复选框。

2012-05-26 16:27:56 septerr

如果你在Firefox 3.5或3.6的测试，而你没有看到任何影子盒，那是因为你没有-moz-box-shadow前缀，这是需要those versions。

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

2012-05-21 20:51:59 BoltClock

@septerr可能还会添加-ms-box-shadow和-o-box-shadow。 – devstruck

@post_erasmus：那些不存在。 – BoltClock

http://www.quirksmode.org/css/boxshadow.html？ – devstruck

添加-webkit-appearance: none;

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

2012-05-21 20:52:47 j08691

谢谢。设置{{-webkit-appearance：none;}}混淆选择框并以某种方式复选框。把它们揉成一团。它确实在选择框上显示阴影。 – septerr

带走webkit外观还会消除选中的复选框中的勾号，因此如果走此路线，则需要进一步自定义此选项。 – zenkaty

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

（我对文本框的工作影子，所以我增加了不同的风格我已申请到您的jsfiddle：http://jsfiddle.net/ZgZEY/30/）

2013-02-12 07:59:03

回答