刪除IE9上的陰影邊框

Question

我在IE 9上有問題。我使用以下屬性：

 border: 2px solid #ffffff; 

但是在IE 9上無法正確顯示。 另一個瀏覽器（Chrome，FF）可以。

為什么陰影出現在IE 9上？ 這是演示http://jsfiddle.net/rdqm4wns/ 。 請在IE9上運行

Answer 1

這是一個渲染錯誤，導致半徑泄漏到邊框寬度中。

添加此規則將解決該問題： background-clip: padding-box;

.btn-radius {
    border: 2px solid #ffffff;
    background: #444444;
    width: 25px;
    height: 25px;
    border-radius: 6px;
    text-align: center;
    position: relative;
    background-clip: padding-box;
}