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

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

.className::after {
    content:"\e778";
    font-family:element-icons!important;
}
font-family:element-icons!important;这是重点

你可能感兴趣的:(Element UI中的图标在伪元素中使用)