element常用修改默认样式

element常用修改默认样式

1.el-button自定义颜色

//显示时按钮样式
.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自定义节点内容并设置选中节点的样式

//  移入树形
.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;
}

你可能感兴趣的:(css,css,前端,vue.js)