Element UI中的图标在伪元素中使用

　　很多使用对于字体图标，我们都不希望特意多加一个元素用来展示，这会让我们html可读性变得很差，所以我们往往会使用伪元素before或者after来实现。但是在使用elementUI 的时候，我们通过样式审查找到了图标的代码，然后再使用伪元素却发现无法展示，这是因为我们没有设置字体，正经来应该如下：

.className::after {
    content:"\e778";
    font-family:element-icons!important;
}
font-family:element-icons!important;这是重点
posted @ 2020-08-15 08:01  littleppig  阅读(1803)  评论(0)  编辑  收藏  举报