css---伪类使用字体图标（iconfont/FontAwesome）等

1.找到要使用图标的Unicode字符2.代码中添加.el-form-item__error:before {content: '\f06a';font-family: FontAwesome; //FontAwesome图标}&::after {content: '\e60b';font-family: "iconfont"; //iconfont 图标

Life Free

1340人浏览 · 2022-04-12 09:01:01

Life Free · 2022-04-12 09:01:01 发布

1.找到要使用图标的Unicode字符

在这里插入图片描述

2.代码中添加

.el-form-item__error:before {
            content: '\f06a';
            font-family: FontAwesome; //FontAwesome图标
 }
&::after {
                content: '\e60b';
                font-family: "iconfont"; //iconfont 图标
                position: absolute;
                font-size: 16px;
                width: 34px;
                height: 34px;
                color: #fff;
                right: -5%;
                top: 5%;
            }