el-tree点击高亮字体修改

最新推荐文章于 2024-04-21 09:25:29 发布

xiaoming_0208

最新推荐文章于 2024-04-21 09:25:29 发布

阅读量287

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/xiaoming4965/article/details/129624035

版权

html中添加highlight-current 属性

highlight-current

css样式

/* 点击树结构项的选中颜色 */
  ::v-deep .el-tree--highlight-current
  .el-tree-node.is-current
  > .el-tree-node__content {
    // 设置颜色
    background-color: rgba(135, 206, 235, 0.2); // 透明度为0.2的skyblue，作者比较喜欢的颜色
    color: #409eff; // 节点的字体颜色
    font-weight: bold; // 字体加粗
  }