Изменить размер шрифта метки form.item в AntD

Question

Я использую стилизованные компоненты как-то так

const FormItem = styled(Form.Item)`
     font-size: 16px;
`;

Использование элемента формы примерно так

    <FormItem label="System Pressurized">
    {getFieldDecorator('systemPressurized')(
      <Select defaultValue="" placeholder="Select Type">
        <Option value="Yiminghe">yiminghe</Option>
      </Select>,
    )}
  </FormItem>

Я пытался изменить размер шрифта AntD, но это не такпохоже на тренировку

Answer 1

у вас есть два способа стилизовать метку formItem

//way one :
//You can override the default css by override below selectors
.form-section .form-group label{
  font-size : 20px
  //YOUR CUSTOM STYLE
}

// way two : 
// You can pass custom component like below : 
  <FormItem label={<p style={YOURCUSTOMSTYLEOBJECT}>System Pressurized</p>}>
    {getFieldDecorator('systemPressurized')(
      <Select defaultValue="" placeholder="Select Type">
        <Option value="Yiminghe">yiminghe</Option>
      </Select>,
    )}
  </FormItem>