删除CSS伪元素ie11上的边框

Question

我有一个听起来很简单的问题，但事实并非如此。我有一个带有边框的链接和一个带有：after伪元素的链接之后添加的图标。链接应具有边框，但伪元素则不应。它适用于IE11以外的所有浏览器。我已经尝试了所有我能想到的一切，但是没有运气。我该怎么做才能从IE11中的伪元素中删除下划线？下面是模拟现在的外观的图像。

这是我得到的代码：

a { 
  position: relative;
  &:after {
     font-family: 'icon-font';
     content: '\55';
     position: absolute;
     padding-left: 5px;
     margin-top: 2px;
 }
}

Answer 1

删除下划线的典型方法是添加text-decoration: none。这应该适用于伪元素以及常规DOM元素。

https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration建议在IE> = 3上使用。