googlefrank

关注

css---伪类使用字体图标(iconfont/FontAwesome)等

googlefrank

关注

阅读 59

2022-04-14

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%;
            }

相关推荐

zhaoxj0217

CSS 之 iconfont 字体图标的使用

zhaoxj0217 20 0 0

兽怪海北

iconfont 字体图标

兽怪海北 97 0 0

素锦时年_1b00

ICONFONT字体图标库使用

素锦时年_1b00 246 0 0

mafa1993

【CSS3】CSS3 伪元素字体图标 ( 生成 icommon 字体文件 | 字体图标基本使用 | 使用伪元素实现 icommon 字体图标显示 )

mafa1993 56 0 0

四月天2021

hbuilder x使用字体图标

四月天2021 82 0 0

言午栩

iconfont字体图标的使用方法

言午栩 234 0 0

hwwjian

iconfont 字体图标的使用方法

hwwjian 168 0 0

浮游图灵

小程序25- iconfont 字体图标的使用

浮游图灵 22 0 0

秀妮_5519

1、CSS中iconfont 彩色图标使用详解

秀妮_5519 121 0 0

诗尚凝寒

vue中在线引入iconfont字体图标

诗尚凝寒 72 0 0

精彩评论(0)

0 0 举报