Browse Source

fix: el-button plain model theme bug

xiaoxian521 3 years ago
parent
commit
a4a042bfd7
1 changed files with 13 additions and 0 deletions
  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 {