需求：el-tree 背景透明，使用父元素的颜色。

一、原始样式

二、修改后

注意：这里是全局，<style scoped>无效。如果只对某个tree改样式，可加前缀。下述的示例使用预处理 stylus。

// 这里没有 scoped
<style lang="stylus">
.el-tree{
    color: #FFFFFF;// 白色字体
    background: rgba(0,0,0,0);// 整体背景透明
    .el-checkbox__inner{
        background:rgba(0,0,0,0);// checkbox 背景透明
    }
    .el-tree-node__content:hover {
        background: rgba(104,147,215,0.4);// hover 节点背景色，否则是白色
    }
    .el-tree-node:focus>.el-tree-node__content {
        background-color: rgba(0,0,0,0); // focus 节点背景透明，否则是白色
    }
}
</style>

注意：学到了新方式，可直接在 scoped 中修改 el-tree 样式。使用 >>> ，可参考此文 《Vue ElementUI el-tree 修改原始父节点收缩 icon》