javascript - 在 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;
}