【ant-design-vue】a-input、a-number、a-date在disabled时样式修改

a-input、a-number、a-date在disabled时，颜色比较深，不宜查看。由于之前项目之前在对输入框禁用，不宜查看，故做此修改并记录。只是有一个疑问，为什么之气那项目的查看不用 readOnly？？？不香吗？？？？？/*覆盖ant-design-vue 样式**/.ant-select-disabled.ant-select:not(.ant-select-customize-in

Chx.zhang

2824人浏览 · 2021-12-14 17:57:19

Chx.zhang · 2021-12-14 17:57:19 发布

a-input、a-number、a-date在disabled时，颜色比较深，不宜查看。由于之前项目之前在对输入框禁用，不宜查看，故做此修改并记录。
只是有一个疑问，为什么之气那项目的查看不用 readOnly？？？不香吗？？？？？

/*覆盖ant-design-vue 样式**/
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector,
.ant-input-disabled,
.ant-input-number-disabled {
    color: rgba(0, 0, 0, 0.65) !important;
    background: #fcfcfc !important;
    cursor: not-allowed !important;
}

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^