2011-07-04 79 views
1

看看這個button歌劇和箱陰影插圖

在Chrome看起來很好,但切換到歌劇,你不能看到的box-shadow當按下按鈕(:激活) 。此問題只發生在箱式陰影:活動狀態設置爲插入時,即如下所示:box-shadow: 0px 0px 10px #000 inset;

任何人都知道爲什麼會發生這種情況?

+0

一個簡單的測試用例,在Opera中也不起作用:http://jsbin.com/ecaluw/5。任何'inset'的'box-shadow'似乎都不適用於Opera中的'button'。 – thirtydot

+0

哈哈@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。 Opera,wtf? – thirtydot

+0

看起來像這個問題只發生在按鈕和輸入標籤 – halliewuud