《ElementUI/Plus 基础知识》el-tree 之修改可拖拽节点的高亮背景和线

在ElementUI中，el-tree组件的节点拖拽功能可以通过设置draggable属性来启用。如果你想要修改拖拽时节点高亮背景和线的样式，可以通过CSS来实现。

以下是一个CSS样例，用于修改拖拽节点时的高亮背景和线条样式：

/* 修改拖拽时节点高亮背景色 */
.el-tree-node__content:hover {
  background-color: #f0f0f0; /* 你可以更换为你想要的颜色 */
}
 
/* 修改拖拽线条样式 */
.el-tree-node__drag-line {
  background-color: #333; /* 你可以更换为你想要的颜色 */
}
 
/* 修改拖拽时节点目标位置的高亮背景色 */
.el-tree__drop-target {
  background-color: #e6f7ff; /* 你可以更换为你想要的颜色 */
}
 
/* 修改拖拽时节点边框颜色 */
.el-tree-node__content:hover .el-tree-node__expand-icon {
  color: #409eff; /* 你可以更换为你想要的颜色 */
}

将上述CSS代码添加到你的项目样式文件中，并确保它能覆盖ElementUI的默认样式。

请注意，这些CSS样式可能随着ElementUI版本的更新而发生变化。如果你使用的是ElementUI Plus，它是ElementUI的商业版本，那么样式类名可能会有所不同，你需要参照对应版本的文档进行修改。