|
@@ -129,15 +129,18 @@
|
|
|
|
|
|
|
|
/* ---- 按钮:统一圆角 6px(规范 radius-control) ---- */
|
|
/* ---- 按钮:统一圆角 6px(规范 radius-control) ---- */
|
|
|
.el-button { border-radius: var(--adm-radius-control); font-weight: 400; }
|
|
.el-button { border-radius: var(--adm-radius-control); font-weight: 400; }
|
|
|
-.el-button--default { border-color: var(--adm-border-base); color: var(--adm-text-88); }
|
|
|
|
|
-.el-button--default:hover,
|
|
|
|
|
-.el-button--default:focus { color: var(--adm-primary-hover); border-color: var(--adm-primary-hover); background: #fff; }
|
|
|
|
|
-.el-button--primary { background-color: var(--adm-primary); border-color: var(--adm-primary); }
|
|
|
|
|
|
|
+/* 注意:Element MessageBox 的「确定」按钮会同时带 el-button--default 与 el-button--primary
|
|
|
|
|
+ 两个类。--default 的 hover/focus 规则必须排除 --primary,否则会把主按钮文字改成主色蓝,
|
|
|
|
|
+ 与 --primary:focus 的蓝色背景同色,导致「确定」文字不可见。 */
|
|
|
|
|
+.el-button--default:not(.el-button--primary) { border-color: var(--adm-border-base); color: var(--adm-text-88); }
|
|
|
|
|
+.el-button--default:not(.el-button--primary):hover,
|
|
|
|
|
+.el-button--default:not(.el-button--primary):focus { color: var(--adm-primary-hover); border-color: var(--adm-primary-hover); background: #fff; }
|
|
|
|
|
+.el-button--primary { background-color: var(--adm-primary); border-color: var(--adm-primary); color: #fff; }
|
|
|
.el-button--primary:hover,
|
|
.el-button--primary:hover,
|
|
|
-.el-button--primary:focus { background-color: var(--adm-primary-hover); border-color: var(--adm-primary-hover); }
|
|
|
|
|
-.el-button--primary:active { background-color: var(--adm-primary-active); border-color: var(--adm-primary-active); }
|
|
|
|
|
|
|
+.el-button--primary:focus { background-color: var(--adm-primary-hover); border-color: var(--adm-primary-hover); color: #fff; }
|
|
|
|
|
+.el-button--primary:active { background-color: var(--adm-primary-active); border-color: var(--adm-primary-active); color: #fff; }
|
|
|
.el-button--primary.is-disabled,
|
|
.el-button--primary.is-disabled,
|
|
|
-.el-button--primary.is-disabled:hover { background-color: #A0C4FF; border-color: #A0C4FF; }
|
|
|
|
|
|
|
+.el-button--primary.is-disabled:hover { background-color: #A0C4FF; border-color: #A0C4FF; color: #fff; }
|
|
|
.el-button--text { color: var(--adm-primary); }
|
|
.el-button--text { color: var(--adm-primary); }
|
|
|
.el-button--text:hover { color: var(--adm-primary-hover); }
|
|
.el-button--text:hover { color: var(--adm-primary-hover); }
|
|
|
.el-button--danger { border-color: var(--adm-error); }
|
|
.el-button--danger { border-color: var(--adm-error); }
|