使用element-ui的图标。但是不用class的方式而是伪类content里来定义

首先我们想使用这个图标

<i class="el-icon-check"></i>

 

<ul>

  <li class="icon">导入</li>

 <li>讲授</li>

</ul>

但是我希望在一个选中的前面就有个对号。但是不想用<i class="el-icon-check"></i>的显示隐藏来表示。我希望直接在文字前面加content的方式。输入法有个√。我们可以写

icon:before{content:'√';position: absolute;left: -8px;top: 14px;}。

但是这个和我们想要的效果有点差距。这个对勾不太好看。

 

然后我利用https://blog.csdn.net/qq_33769