Element commonly used to modify the default style

Element commonly used to modify the default style

1.el-button custom color

//显示时按钮样式
.el-button--primary {
    
     //需要更改的按钮类型
  background: #d8821f !important;
  border-color: #d8821f !important;
}
//移入时按钮样式
.el-button--primary:hover {
    
    
  background: #ecbd87 !important;
  border-color: #ecbd87 !important;
  color: #FFF !important;
}

2.el-tree customizes the node content and sets the style of the selected node

//  移入树形
.el-tree-node__content:hover {
    
    
  background: rgba(0, 229, 255, 0.3) !important;
}
// 选中当前node的样式
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    
    
  background: rgba(0, 229, 255, 0.5) !important;
  color: red !important;
}