element常用修改默认样式

TurtleOrange

已于 2023-02-27 10:24:33 修改

阅读量610

点赞数 1

分类专栏： css 文章标签： css 前端 vue.js

于 2023-02-25 13:38:51 首次发布

本文链接：https://blog.csdn.net/turtleorange/article/details/129214814

版权

css 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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;
}