删除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;
}