修改element表格el-table展开expand的图标

1.element官方示例:
修改element表格el-table展开expand的图标_第1张图片
2.实现的效果:

未展开是加号边框,展开是减号边框
修改element表格el-table展开expand的图标_第2张图片
3.实现的CSS代码:


content内的\e6d9等图标代号,可以通过在element官网icon图标

,右键审查元素,鼠标移到对应图标上面,查看styles中的content获取(如下图):
修改element表格el-table展开expand的图标_第3张图片

你可能感兴趣的:(Vue,elementui)