From 1cf8abb162146aa527b1326a8c94643233e3cd88 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com> Date: Wed, 26 Aug 2026 18:23:35 +0800 Subject: [PATCH] =?UTF-8?q?style(styles):=20=E7=BB=9F=E4=B8=80=E5=85=A8?= =?UTF-8?q?=E7=AB=99=20disabled=20=E8=BE=93=E5=85=A5=E6=A1=86=E6=96=87?= =?UTF-8?q?=E5=AD=97=E9=A2=9C=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 解决客户档案编辑页不可编辑状态下不同电脑显示颜色不一致问题 - 统一覆盖 Element Plus 默认 disabled 文字色为 #a8abb2 - 防止主题或浏览器导致的颜色差异,保持全站一致性 - 样式修改添加至 element-ui.scss,紧跟表头颜色统一规则 - 提供便捷调整建议,如需更深色可改为 #606266 --- .workbuddy/memory/2026-08-26.md | 18 ++++++++++++++++++ src/styles/element-ui.scss | 7 +++++++ 2 files changed, 25 insertions(+) diff --git a/.workbuddy/memory/2026-08-26.md b/.workbuddy/memory/2026-08-26.md index ec32b85..5ff580d 100644 --- a/.workbuddy/memory/2026-08-26.md +++ b/.workbuddy/memory/2026-08-26.md @@ -183,3 +183,21 @@ vehicle/driver/ship 与 customer-archive 等本就是 14px(含 !important) ``` 左→右阅读顺序:辅助信息聚合 → 次要 → 中间步骤 → 主操作。视觉权重递增,颜色从「灰 → 蓝描边 → 蓝实心」。 + +## 全站 disabled 输入框文字颜色统一 + +**问题**: 客户档案编辑页等「不可编辑」状态下,`el-input` / `el-textarea` / `el-input-number` 的文字颜色 +在不同电脑显示不一致(有的深、有的浅)。 + +**根因**: Element Plus 默认 disabled 文字色由 `--el-disabled-text-color` 控制,不同主题/浏览器/变量覆盖下可能表现为 `#374151` / `#606266` / `#a8abb2` / `#909399` 等。 + +**修复**: `src/styles/element-ui.scss` 在表头颜色统一规则后追加: +```scss +.el-input.is-disabled .el-input__inner, +.el-textarea.is-disabled .el-textarea__inner, +.el-input-number.is-disabled .el-input__inner { + color: #a8abb2; +} +``` +直接写死为 `#a8abb2`,覆盖 Element Plus 默认 CSS 变量及主题差异,保证全站一致。 +**如需再深**,可把 `#a8abb2` 改为 `#606266`。 diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss index fa978b1..cbe41c1 100644 --- a/src/styles/element-ui.scss +++ b/src/styles/element-ui.scss @@ -656,6 +656,13 @@ color: #374151; } +// 统一全站 disabled 输入框文字颜色,避免不同主题/浏览器下颜色不一致 +.el-input.is-disabled .el-input__inner, +.el-textarea.is-disabled .el-textarea__inner, +.el-input-number.is-disabled .el-input__inner { + color: #a8abb2; +} + // 全站统一:表格列内容(表头 + 单元格)居中展示 .el-table th.el-table__cell .cell, .el-table td.el-table__cell .cell {