el-tree中更改鼠标移动时、点击时和失去焦点时的背景色

el-tree中更改鼠标移动时、点击时和失去焦点时的背景色

注意：
此修改仅在没有加scoped的style标签下起作用,加上scoped则不起作用，如果该页面其他样式需要有scoped，那就在页面上再加一个没有scoped的style标签专门来写这个el-tree的样式喽~

鼠标浮动过的背景颜色

/* 鼠标浮动过的背景颜色 */
.el-tree-node__content:hover{
  background: #244470;
}

鼠标点击时节点时的背景颜色及字体颜色

/* 鼠标点击时节点的背景颜色 */
.el-tree-node:focus > .el-tree-node__content {
    background-color:  #667a9d !important;
    color:#fdc346;

鼠标失去焦点时的背景颜色

/* 鼠标失去焦点时节点背景的颜色 */
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
  background: #454545; 
}