伪类中使用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;

在这里插入图片描述

目录
相关文章
|
XML 前端开发 小程序
css实例(一)鼠标hover下拉菜单
红框标注位置,有一个小尖尖角,这个使用样式是这样实现的。 css 复制代码
198 0
|
前端开发 JavaScript
element-ui中的hover 光标移入某一个具体的td 有hover效果
element-ui中的hover 光标移入某一个具体的td 有hover效果
|
存储 JavaScript 前端开发
LayUI基本元素之选项卡的使用(详解)
LayUI基本元素之选项卡的使用(详解)
253 0
|
前端开发
CSS伪元素实现的3D按钮
在线演示 本地下载
1013 0
|
JavaScript
Element-UI中Drawer抽屉去除标题自带黑色边框
Element-UI中Drawer抽屉去除标题自带黑色边框