ボタンが押されたときに、これはオペラへの切り替えを正常に見えるが、あなたはボックスの影を見ることができないChromeの場合、このbuttonオペラやボックスシャドウはめ込み
を見てみましょう(アクティブ) 。この問題は、ボックスシャドウオン:アクティブ状態がインセットに設定されている場合にのみ発生します。つまり、次のようになります。box-shadow: 0px 0px 10px #000 inset;
これはどうして起こるのですか?
ボタンが押されたときに、これはオペラへの切り替えを正常に見えるが、あなたはボックスの影を見ることができないChromeの場合、このbuttonオペラやボックスシャドウはめ込み
を見てみましょう(アクティブ) 。この問題は、ボックスシャドウオン:アクティブ状態がインセットに設定されている場合にのみ発生します。つまり、次のようになります。box-shadow: 0px 0px 10px #000 inset;
これはどうして起こるのですか?
は、いくつかの境界線の半径を追加します。それと
border-radius: 1px;
を、それが動作します。
それはそうする:http: //jsbin.com/ecaluw/8。オペラ、何? – thirtydot
この問題は、ボタンと入力タグでのみ発生します – halliewuud
Operaで動作しない簡単なテストケース:http://jsbin.com/ecaluw/5。 'inset'の' box-shadow'はOperaの 'button'では動作しません。 – thirtydot
haha @thirtydot私はちょうどそれと一緒に遊んで、これらのものを見つけることです。そして、ええ、それはインセットがサポートされていないようだが、それは10.5以来のインセットがサポートされていることをここで言うhttps://developer.mozilla.org/En/CSS/-moz-box-shadow#Browser_compatibility – halliewuud