Form modification style of iview

problem description

How to customize and modify the style of the form in

iview?

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)

 <i-form ref="formValidate_step4" :model="formValidate_step4" :rules="ruleValidate4" :label-width="88">
                                    <form-item label="" prop="name" >
                                        <i-input v-model="formValidate_step4.name" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="tax">
                                        <i-input v-model="formValidate_step4.tax" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="register">
                                        <i-input v-model="formValidate_step4.register" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="tel">
                                        <i-input v-model="formValidate_step4.tel" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="bank">
                                        <i-input v-model="formValidate_step4.bank" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="account">
                                        <i-input v-model="formValidate_step4.account" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="email">
                                        <i-input v-model="formValidate_step4.email" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="recivePerson">
                                        <i-input v-model="formValidate_step4.recivePerson" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="phone">
                                        <i-input v-model="formValidate_step4.phone" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                </i-form>

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

I want the label font in front of this form to become larger

Apr.22,2021

you can debug
View html structure
look at label's css class name
and then rewrite


OK, I'll try.

Menu