Css IE11中边界外的怪异黑色“外边界”

我一直在创建一个带有图标的传单地图。这些图标周围都有一个1像素的白色边框。这很好，但在IE11中，边界外有一些奇怪的、非常小的黑线

我一直在四处寻找解释，但在网上找不到任何关于它的信息。有人知道是什么导致了这条外线吗

下面是我在div元素上使用的CSS

这里是图标包装器的HTML

<div class="lfpt-icon-wrapper" aria-label="5G Fieldlab icoon" role="img" aria-hidden="true">
  <span class="lfpt-icon g-fieldlab"></span>
</div>

cirlce中的图像是内部span元素上动态设置的base64背景图像

---

希望有人能进一步帮助我

删除边框并将其设置为0。

---

边界：0

删除边框并将其设置为0。

---

边界：0

IE11中似乎有一个旧的缺陷，边界半径为

尝试将此行添加到类中：

background-clip: padding-box;

如果遇到奇怪的边或圆不太圆，可以尝试添加以下线条：

box-sizing: border-box;

---

IE11的边界半径似乎有一个老bug

尝试将此行添加到类中：

background-clip: padding-box;

如果遇到奇怪的边或圆不太圆，可以尝试添加以下线条：

box-sizing: border-box;

---

嘿，卡米尔，你能不能也提供你的HTML代码嘿@RémyTesta我已经添加了图标元素的HTML嘿，卡米尔，你能不能也提供你的HTML代码嘿@RémyTesta我已经添加了图标元素的HTML我确实需要边框，所以禁用不会解决问题。我只是想让它在IE11中像在Chrome中一样工作。我确实需要边界，所以禁用不会解决问题。我只是想让它在IE11中像在Chrome中一样工作。如果它对你有帮助，请将我的帖子标记为正确答案！谢谢如果我的帖子对你有帮助，请把它标记为正确答案！谢谢