改变el-tree选中的颜色

要改变 `el-tree` 组件中选中节点的颜色，可以使用以下 CSS 样式：

.el-tree-node.is-selected>.el-tree-node__content {
  background-color: #f0f0f0; /*设置选中的背景色*/
  color: #333; /*设置选中时的文字颜色*/
}

你可以将上述样式添加到你的全局样式表中，或者将其添加到单个 `el-tree` 组件的作用域样式中。

相关问题

el-tree选中的颜色

el-tree 选中的颜色可以通过 CSS 来自定义。你可以使用以下 CSS 代码来修改 el-tree 的选中颜色：

.el-tree-node.is-current > .el-tree-node__content {
  background-color: #f0f0f0; /* 设置选中的背景色 */
}

.el-tree-node.is-current > .el-tree-node__content .el-tree-node__label {
  color: #333; /* 设置选中的文字颜色 */
}

将上述代码添加到你的 CSS 文件中，并根据需要修改颜色值。这样，当 el-tree 的节点被选中时，背景色和文字颜色就会按照你所设置的值来显示。

el-tree选中高亮

el-tree选中高亮的方法有两种，一种是通过设置highlight-current属性为true来使选中的节点高亮显示，另一种是通过设置样式来改变选中节点的背景颜色。具体方法如下：

1. 设置highlight-current属性为true：

el-tree组件的highlight-current属性默认为false，如果我们要让选中的节点高亮显示，就需要将其设置为true。代码如下：

<el-tree :data="data" :highlight-current="true"></el-tree>

当选中节点时，会自动添加一个el-tree-node__current类名，我们可以通过设置样式来改变选中节点的背景颜色。

2. 设置样式来改变选中节点的背景颜色：

我们可以通过在样式中设置/deep/ .el-tree-node:focus > .el-tree-node__content来改变选中节点的背景颜色。代码如下：

<style scoped>
/deep/ .el-tree-node:focus > .el-tree-node__content {
background-color: rgb(158, 213, 250) !important;
}
</style>

这里的scoped是作用域限定符，用于限定样式只在当前组件中生效。这样就可以在选中节点时改变其背景颜色了。

--相关问题--: