How to make the color black if the attribute color of disabled in the Modal dialog box is not obvious?

problem description

the color is gray, a little dark, and I want to show it as black, so it"s more obvious

.

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

<Modal v-model="visible" title="" width="700" :mask-closable="false" :loading="loading"
       @on-ok="ok("modifyForm")" @on-cancel="cancel">
    <i-form ref="modifyForm" v-if="visible" :model="userInfo" :rules="ruleInline" inline>
        <form-Item prop="PAR_CODE" label="">
            <i-input type="text" v-model="userInfo.PAR_CODE" disabled>
            </i-input>
        </form-Item>
        <form-Item prop="PAR_NAME" label="">
            <i-input type="text" v-model="userInfo.PAR_NAME" disabled>
            </i-input>
        </form-Item>
        <form-Item prop="PAR_VAL" label="">
            <i-input type="text" v-model="userInfo.PAR_VAL">
            </i-input>
        </form-Item>
        <form-Item prop="DATA_TYPE_TEXT" label="" >
            <i-input type="text" v-model="userInfo.DATA_TYPE_TEXT" disabled>
            </i-input>
        </form-Item>
        <form-Item prop="REMARK" label="">
            <i-input type="textarea" v-model="userInfo.REMARK" :rows="5" style="width: 674px" disabled>
            </i-input>
        </form-Item>
    </i-form>
</Modal>

what result do you expect? What is the error message actually seen?

Nov.19,2021

modify css, to add class, such as black to the input that needs to be modified

.black .ivu-input[disabled]{
    color: -sharp000;
}

it is not recommended to modify the original css, directly. You can redefine it globally and add your own defined class name

.
.xxxx.el-input-number__decrease.is-disabled{
    color: -sharp000;
}
Menu