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

回答