无法使用语义 UI 反应更改字段的字体大小

如何解决无法使用语义 UI 反应更改字段的字体大小

我似乎无法找到一种方法来更改语义 UI 反应中字段的字体大小。其他所有样式均已正确添加，但字体大小未更改。我尝试了 Cannot reduce the fontSize of label in reactjs using semantic-ui-react 给出的所有答案 但似乎没有任何效果。

我的表格：

<form onSubmit={handleSubmit(this.submit.bind(this))}>
            <div className="field-wrap"> 
                <label className="label" htmlFor="title">Title:</label>
                <Field name="title" component={this.titleInput}/>
            </div>
            <div className="field-wrap">
                <label className="label" htmlFor="hours">Hours:</label>
                <Field name="hours" component={this.hoursInput}  />
            </div>
            <div className="btn-wrap align-right">
                <Button  className="btn" type="submit" >Create</Button>
            </div>
        </form> 

.field:

.field {
    display: block;
    Box-sizing: border-Box;
    width: 100%;
    padding: 10px;
    border: 1px solid #999;
    color: #999;
    font-size: 20px !important;
}