iview表单标签字体大小无法改变

Question

iview 表单组件，想修改label字体大小，
根据第一位好心人的帮助，在form－item下加了class＝fontsize，现在存在的问题是
以下面这种方式添加style后

 <Form-item label="设备种类" prop="eq_species" class="fontsize" >
              <Input v-model="ruleForm.eq_species" placeholder="请输入设备种类"></Input>
            </Form-item>
            
 .fontsize.ivu-form-item{
    font-size: 16px;
    .ivu-form-item-label{
      font-size: 16px !important;
    }
  }

fontsize可以添加上字体大小，但是.ivu-form-item-label上style却不变

希望大家帮助，谢谢

Answer 1

给form-item加个class，然后通过该class用css覆盖

.aaa.ivu-form .ivu-form-item-label{
                font-size: 16px;
            }


 <i-form ref="formInline" :model="formInline"  inline :label-width="80" class="aaa">
                <form-Item  prop="user" label="输入框">
                    <i-input type="text" v-model="formInline.user" placeholder="Username">                       
                    </i-input>
                </form-Item >     
            </i-form>

Answer 2

我按照您的代码尝试了下，

<Form-item label="设备种类" prop="eq_species" class="fontsize" >
              <Input v-model="ruleForm.eq_species" placeholder="请输入设备种类"></Input>
             
            </Form-item>
   .fontsize  .ivu-form .ivu-form-item-label{
    font-size: 16px !important;
  }         

但是新加的class属性好像么有加进去，，这是咋回事呢