iView关于表单label字体无法改变大小问题

在form表单添加一个class属性

然后通过这个class属性来覆盖原有的css属性就ok啦

<Form id="edit-form" ref="formObj" :model="formObj" :rules="ruleValidate" :label-width="110" class="aaa">
    <Form-item size="medium" label="问题种类:" prop="ip" style="font-size: 18px;"><br>
      <Input style="margin-left: -120px;" name="ip" :size="medium" v-model="formObj.ip" placeholder="请输入问题种类"/>
    </Form-item>
</Form>

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

 

在更：有时候发现通过class属性也不可以覆盖其原来的属性。

可以试试以下方法

 

1、在Form-item标签里定义一个class属性，如：f18

2、在style标签里按照依下方式写好f18的样式就OK了。

在更：

此处的form-item加载出来是以下的结构，相当于的一个div包裹着label标签，此时直接给form-item字体样式不能作用到label标签中，只能是让f18的class样式去找form-item标签的第一个子标签即label，以此通过css改变label的字体样式。