iview的form修改样式

Question

问题描述

iview中怎样自定义修改表单的样式？

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

 <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>

你期待的结果是什么？实际看到的错误信息又是什么？

希望这个表单前面的label字体变大

Answer 1

你可以f12调试
查看html结构
看看label的css类名
然后 重新写一份

Answer 2

好的，我试试吧。