伪类中使用element图标

简介: 如何在CSS伪类中使用Element UI图标,以及伪类与伪元素在CSS3中的区别和应用。

伪类中使用element图标

/deep/.el-step.is-horizontal .el-step__line::after {
   
  content: "\e6e0";
  font-family: element-icons; 
  position: absolute;
  right: -8px;
  font-weight: 500;
  top: -11px;
  font-size: 22px;
}

这一行是必须加的:

  font-family: element-icons;

在这里插入图片描述

目录
相关文章
|
安全 物联网 网络安全
花无涯带你走进黑客世界9远控肉鸡(番外篇)
远程控制技术是黑客必学的技术之一,一台“肉鸡”的自述! 文章没有重复!!!,这是第九章的番外篇,“肉鸡”的自述!
432 0
|
数据安全/隐私保护 Docker 容器
『MinIO』在Docker中快速部署MinIO
📣读完这篇文章里你能收获到 - 在Docker中快速部署MinIO
7801 5
『MinIO』在Docker中快速部署MinIO
|
JavaScript
Vue3列表(List)
这段代码介绍了一个基于 Vue3 的列表组件库 `Vue Amazing UI`。该库提供了丰富的自定义选项,如边框、垂直布局、分割线、尺寸、加载状态等,并支持分页、自定义样式及操作项。组件通过插槽和属性实现高度灵活的内容展示与交互。
508 1
Vue3列表(List)
|
存储 SQL 缓存
数据库存储选型经验总结
工作中总是遇到数据存储相关的Bug工单,新需求开发设计中也多多少少会有数据模型设计和存储相关的问题
3189 0
数据库存储选型经验总结
|
存储 监控 Java
JVM 元空间(Metaspace)
JVM 元空间(Metaspace)
1841 5
|
开发框架 前端开发 JavaScript
构建响应式设计超赞!Blazor 与 Bootstrap 完美结合,开启高效 Web 开发新潮流!
【8月更文挑战第31天】在当前的网络环境中,响应式设计是打造优质用户体验的核心。为满足用户在不同设备上的需求,Blazor结合Bootstrap成为构建响应式设计的高效方案。Blazor作为C#和 .NET技术栈下的Web开发框架,实现了服务端与客户端同语言开发,提升了开发效率与代码维护性。而Bootstrap作为一个流行的前端框架,提供了丰富的CSS和JavaScript组件,便于快速搭建美观且响应式的用户界面。结合两者的优点,可以轻松实现复杂Web应用的高效开发。
612 0
Vue3使用createVNode和render函数实现仿 Antd 加载动效
本文展示了如何在Vue3项目中使用`createVNode`和`render`函数实现一个仿Ant Design加载动效的自定义组件,并提供了详细的实现代码和使用示例。
736 0
Vue3使用createVNode和render函数实现仿 Antd 加载动效
|
NoSQL Go Redis
用 Go + Redis 实现分布式锁
用 Go + Redis 实现分布式锁
|
前端开发 JavaScript
前端知识笔记(十五)———JS实现日历功能
前端知识笔记(十五)———JS实现日历功能
411 0

热门文章

最新文章

下一篇
开通oss服务