鍍金池/ 問答/HTML/ iview的form修改樣式

iview的form修改樣式

問題描述

iview中怎樣自定義修改表單的樣式?

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

相關(guān)代碼

// 請把代碼文本粘貼到下方(請勿用圖片代替代碼)

 <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="聯(lián)系電話" prop="phone">
                                        <i-input v-model="formValidate_step4.phone" placeholder="請輸入聯(lián)系電話" class="input_424"></i-input>
                                    </form-item>
                                </i-form>

你期待的結(jié)果是什么?實際看到的錯誤信息又是什么?

希望這個表單前面的label字體變大

回答
編輯回答
凹凸曼

你可以f12調(diào)試
查看html結(jié)構(gòu)
看看label的css類名
然后 重新寫一份

2017年12月8日 12:34
編輯回答
青檸

好的,我試試吧。

2018年5月15日 18:41