element-plus treeSelect自定义样式

Element Plus 的 TreeSelect 组件是一个基于 Vue 框架的树形选择组件，它允许用户通过树状结构进行层级选择。如果你想要自定义 Element Plus 的 TreeSelect 的样式，可以按照以下步骤操作：

1. **全局样式**：在项目全局的 CSS 文件中，你可以修改 `.el-tree-node` 或者 `.el-tree` 类的选择器，对节点元素的样式进行定制，比如背景色、边框、字体等。

.el-tree-node {
  background-color: your-custom-background-color;
  border-color: your-custom-border-color;
  color: your-custom-font-color;
}

2. **局部样式**：如果只针对特定的 TreeSelect 实例，可以在该组件的 `<style>` 标签内添加 scoped 或者在对应的组件模板的 scoped 写法里直接写样式。

<template>
  <el-tree :props="treeProps" class="custom-tree">
    <!-- ... -->
  </el-tree>
</template>

<style scoped>
.custom-tree .el-tree-node {
  /* 自定义样式 */
}
</style>

3. **CSS Module**：如果使用了 CSS Modules，你需要为选择器加上模块前缀，如 `:.custom-tree__el-tree-node`。

4. **Vue 钩子函数**：还可以通过 `v-bind:class` 和 `v-once` 来动态绑定样式类，或者利用 `ref` 获取到元素实例后直接操作其 style 属性。

记得保存每次更改，并在浏览器的开发者工具中查看实时效果，确保样式生效。