style(styles): 统一全站 disabled 输入框文字颜色

- 解决客户档案编辑页不可编辑状态下不同电脑显示颜色不一致问题
- 统一覆盖 Element Plus 默认 disabled 文字色为 #a8abb2
- 防止主题或浏览器导致的颜色差异,保持全站一致性
- 样式修改添加至 element-ui.scss,紧跟表头颜色统一规则
- 提供便捷调整建议,如需更深色可改为 #606266
This commit is contained in:
2026-08-26 18:23:35 +08:00
parent 201ca245a7
commit 1cf8abb162
2 changed files with 25 additions and 0 deletions
+18
View File
@@ -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`。