elementUI table树默认箭头修改

在Element UI中，如果你想要修改默认的树形表格箭头样式，你可以通过CSS覆盖默认的样式来实现。

以下是一个简单的CSS例子，用于修改Element UI中树形表格的默认箭头样式：

/* 首先，确保你的CSS选择器优先级足够高，以覆盖默认样式 */
.el-table__row .el-table-tree-node .el-table__expand-icon .el-icon {
  /* 这里可以修改图标的颜色、大小等样式 */
  color: blue;
  font-size: 20px;
}
 
/* 如果你想完全自定义箭头的样式，可以隐藏默认箭头，自己添加一个图标 */
.el-table__row .el-table-tree-node .el-table__expand-icon .el-icon {
  display: none;
}
 
.el-table__row .el-table-tree-node .el-table__expand-icon {
  /* 在这里添加你自定义的图标 */
  background-image: url('path/to/your/custom/arrow.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px; /* 自定义宽度 */
  height: 20px; /* 自定义高度 */
}

请确保将CSS规则中的选择器根据你的HTML结构和Element UI版本进行相应的调整。如果你的项目中使用了scoped的CSS样式，你可能需要使用深度选择器 >>> 或 /deep/ 来确保你的样式能够影响到组件内部的DOM元素。