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