0

为什么 :focus 上的 box-shadow 没有在我这里的这个 jsfiddle 中应用?

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

:-|

4

4 回答 4

5

添加 -webkit-appearance: none;

jsFiddle 示例

至于 webkit 浏览器下的复选框,它似乎是 box-shadow 的一个已知错误

于 2012-05-21T20:52:47.287 回答
1

如果您在 Firefox 3.5 或 3.6 中进行测试,但没有看到任何框阴影,那是因为您没有-moz-box-shadow前缀,这是这些版本所必需的。

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

于 2012-05-21T20:51:59.270 回答
1

原来 box-shadows 不适用于 chrome 中的选择框和复选框。

于 2012-05-26T16:27:56.540 回答
0

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

(我在文本字段上有一个工作阴影,所以我将应用到它的不同样式添加到您的 jsfiddle:http: //jsfiddle.net/ZgZEY/30/

于 2013-02-12T07:59:03.513 回答