在Internet Explorer中，CSS边框宽度为0px仍然呈现1px？

Question

我有以下内容：

.icon {
 border-style: solid;
 border-width: 2px 2px 0 0;
 transform: rotate(-45deg);
}

底部边框设置为0px，但在下方的图像中，边框仍然以1px渲染。负值显然不是一种选择。

Answer 1

根据somethinghere的建议，将.icon添加到.icon { border-style: solid; border-width: 2px 2px 0 0; border-bottom: none; transform: rotate(-45deg); } ，如下所示：

.icon{
    border-top: 2px solid #454545;
    border-right: 2px solid #454545;
    transform: rotate(-45deg);
}

或者：

.box{
  width:100px;
  height:100px;
  margin: 100px auto;
}
.icon{
  border-top: 2px solid #454545;
  border-right: 2px solid #454545;
  transform: rotate(-45deg);
}

请尝试在IE中查看此页面并检查问题是否已解决。

＆＃13;

＆＃13;

<div class="box icon"></div>

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;