Cannot reduce the fontSize of label in reactjs using semantic-ui-react

Question

If I have form input which label --> I cannot reduce the size of the label.

In this example fontSize will not be applied:

<Form.Input label="Username" style={{fontSize: '10px'}}  />

Does someone has an idea about how to solve the issue?

Answer 1

Can you try this simple way to apply css on any component.

.inputCls {
  font-size: 10px !important;
}

<Form.Input label="Username" className="inputCls"  />