浏览代码

fix: el-button plain model theme bug

xiaoxian521 3 年之前
父节点
当前提交
a4a042bfd7
共有 1 个文件被更改,包括 13 次插入0 次删除
  1. 13 0
      src/style/element-plus.scss

+ 13 - 0
src/style/element-plus.scss

@@ -46,6 +46,19 @@
   --el-button-active-border-color: var(--el-color-primary-active) !important;
 }
 
+// button--primary plain
+.el-button--primary.is-plain {
+  --el-button-bg-color: var(--el-color-primary-light-9) !important;
+  --el-button-border-color: var(--el-color-primary-light-6) !important;
+  --el-button-hover-bg-color: var(--el-color-primary-light-1) !important;
+  --el-button-hover-border-color: var(--el-color-primary) !important;
+  --el-button-active-bg-color: var(--el-color-primary) !important;
+  --el-button-active-border-color: var(--el-color-primary) !important;
+  --el-button-text-color: var(--el-color-primary) !important;
+  --el-button-hover-text-color: var(--el-color-white) !important;
+  --el-button-active-text-color: var(--el-color-white) !important;
+}
+
 /* nprogress适配ep的primary */
 #nprogress {
   & .bar {