elementUI table树默认箭头修改

落魄小三

于 2023-12-05 13:40:01 发布

阅读量1.2k

点赞数 1

文章标签： elementui 前端 javascript

本文链接：https://blog.csdn.net/yusun1234/article/details/134804953

版权

文章讲述了如何在ElementUI的表格组件中，通过CSS深入（::v-deep）修改默认展开图标箭头的样式，使用了自定义内容和icon编码实现个性化展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

table默认的箭头

需要的效果实心的

::v-deep .el-icon-arrow-right {
  color: #49c0ff;
}

::v-deep.el-table .el-table__expand-icon {
  .el-icon-arrow-right:before {
    content: "\e791";
  }
}

content: "\e791"; 代表图标,可以在elementUI F12检查中得到