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;
|
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 th.el-table__cell .cell,
|
||||||
.el-table td.el-table__cell .cell {
|
.el-table td.el-table__cell .cell {
|
||||||
|
|||||||
Reference in New Issue
Block a user