CSS：SVG高度IE之后

Question

我正在像这样添加一个svg到页面

#ID:after{
 content: url(/images/arrow.svg);
 margin-left: 5px;
 width: 10px;
 height: 7px;
}

现在在Chrome和Firefox中就像这样

现在，当你在IE11中看一下它看起来像这样

如何确保svg在IE中没有变得如此之大？

Answer 1

感谢Viltorino Fernandes

修复如下

首先制作一个空白内容 设置你的svg的背景 设置svg的宽度和高度 添加显示内联块以应用大小但保持内联

最终代码：

#ID:after{
      content: '';
      background: url(/images/arrow.svg);
      margin-left: 5px;
      width: 10px;
      height: 7px;
      display: inline-block;
}