element-ui tree修改点击节点的背景色和鼠标经过节点的背景色

先上效果图

 修改悬浮背景色

.el-tree-node__content {
  &:hover {
    background-color:green !important;
    ;
  }
}

修改点击背景色

.el-tree-node.is-current>.el-tree-node__content {
  background-color:red !important;
  color:#333!important
}

tree的代码，一定要加上highlight-current   node-key="id"

      <el-tree node-key="id" highlight-current :data="data" ref="tree" :filter-node-method="filterNode" show-checkbox
        :props="defaultProps">

style里千万不要加scoped，否则样式无效

如果要是想改字体颜色等其他样式，直接在里面写即可