2011-07-04 5 views
1

ボタンが押されたときに、これはオペラへの切り替えを正常に見えるが、あなたはボックスの影を見ることができないChromeの場合、このbuttonオペラやボックスシャドウはめ込み

を見てみましょう(アクティブ) 。この問題は、ボックスシャドウオン:アクティブ状態がインセットに設定されている場合にのみ発生します。つまり、次のようになります。box-shadow: 0px 0px 10px #000 inset;

これはどうして起こるのですか?

+0

Operaで動作しない簡単なテストケース:http://jsbin.com/ecaluw/5。 'inset'の' box-shadow'はOperaの 'button'では動作しません。 – thirtydot

+0

haha​​ @thirtydot私はちょうどそれと一緒に遊んで、これらのものを見つけることです。そして、ええ、それはインセットがサポートされていないようだが、それは10.5以来のインセットがサポートされていることをここで言うhttps://developer.mozilla.org/En/CSS/-moz-box-shadow#Browser_compatibility – halliewuud

答えて

2

は、いくつかの境界線の半径を追加します。それと

border-radius: 1px; 

を、それが動作します。

+0

それはそうする:http: //jsbin.com/ecaluw/8。オペラ、何? – thirtydot

+0

この問題は、ボタンと入力タグでのみ発生します – halliewuud

関連する問題