style(styles): 统一全站 disabled 输入框文字颜色
- 解决客户档案编辑页不可编辑状态下不同电脑显示颜色不一致问题 - 统一覆盖 Element Plus 默认 disabled 文字色为 #a8abb2 - 防止主题或浏览器导致的颜色差异,保持全站一致性 - 样式修改添加至 element-ui.scss,紧跟表头颜色统一规则 - 提供便捷调整建议,如需更深色可改为 #606266
This commit is contained in:
@@ -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`。
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user