一、tree组件背景色修改

穿透css,改变tree的背景色

::v-deep .el-tree{
  background-color: #f5f5f5;
}

ElementUI:tree组件背景色、鼠标hover悬浮背景色、选中背景色修改_背景色

二、tree组件鼠标hover悬浮背景色

穿透css,改变el-tree-node__content的背景色

::v-deep.el-tree-node__content{
  &:hover{
    background-color: red;
  }
}

ElementUI:tree组件背景色、鼠标hover悬浮背景色、选中背景色修改_背景色_02

三、tree组件选中背景色修改

穿透css,改变el-tree-node.is-current > .el-tree-node__content的背景色

::v-deep.el-tree-node.is-current > .el-tree-node__content {
    background-color: black !important;
  }

ElementUI:tree组件背景色、鼠标hover悬浮背景色、选中背景色修改_f5_03