Elemento comúnmente utilizado para modificar el estilo predeterminado.
1.color personalizado del botón
//显示时按钮样式
.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 personaliza el contenido del nodo y establece el estilo del nodo seleccionado
// 移入树形
.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;
}