非IE6瀏覽器中的按鈕邊框顏色

Question

我正在更新IE6時代網站，以消除或至少減少現代（IE8，本場景中的Firefox 4）瀏覽器的美觀差異。

我們遇到了使用background-color: #EFEFEF;和border: 1px進行了樣式設計的按鈕問題。在IE6中，這個border設置整齊地減少了按鈕的邊界。

然而，在IE8和Firefox 4設定border: 1px CSS樣式完全刪除邊界。

我使用border_SIDE_color來設置適當的鍵的有關各方的顏色嘗試，但這個沒有任何影響。

應該用什麼方法代替？這是一個很大的遺留網站，其中包含許多按鈕，所以我正在尋找一個只有CSS的解決方案（如果存在）。強制IE8進入兼容模式也不是一種選擇。

Answer 1

嘗試設置border-style: outset;。或者使用您已經使用的其他款式的速記版本：

.mybutton { 
    border: outset #EFEFEF 1px; 
}