为什么IE 11不呈现:元素后，显示css作为删除的开发工具？

Question

我有一个有两个字体图标在一个给定的屏幕角应用程序。它们在chrome、firefox和edge中呈现得很好，但在IE11上却不显示。图标将呈现为content的:after伪类，根据我的研究，这应该可以很好地工作在IE9和更高。然而，在IE上，它们根本没有呈现。

正如您在屏幕截图中所看到的，:after元素不在dev tools中显示的DOM中，css是正确的，但是在dev tools中划掉：

​

​

在显示问题的屏幕上编译并实际使用的相关CSS如下：

.profile-picture[_ngcontent-vem-9]:after {
    font-family: Material Icons;
    content: "\E3B0";
    font-size: 48px;
    top: 32px;
    left: 25px
}
.profile-picture[_ngcontent-vem-9] .title[_ngcontent-vem-9],
.profile-picture[_ngcontent-vem-9]:after {
    display: block;
    position: absolute;
    color: #9e9e9e;
    transition-duration: .3s
}

上面划掉的规则是不相关的。但既然有人要见他们，他们就来了：

​

​

问题是：为什么会发生这种情况，以及如何解决？

Answer 1

我也有一个类似的问题，<a>标记上的after元素没有在IE11中呈现，尽管我可以看到它的CSS样式。弗雷迪的回答here帮我解决了这个问题。将其添加到css display: block;中