Изменить размер шрифта надписи материал-интерфейс

Question

Я просто не могу понять это, ребята. Я хочу изменить размер шрифта надписи, которая соответствует моему текстовому полю. Пока что я могу изменить только размер шрифта ввода, но не метку.

Текстовое поле:

<TextField
 className={classes.TextField}
 id="input-with-icon-textfield"
 label="Zoeken"
 InputProps={{
 startAdornment: (
                  <InputAdornment position="start">
                         <Search />
                  </InputAdornment>
                                  ),
                 }}
 onChange={(e) => {this.setTextFilter(e.target.value);}}
 />

Добавлена ​​картинка, чтобы вы могли видеть, что я имею в виду под меткой.

Answer 1

Еще один вариант: встроенные переопределения, которые вы можете использовать как типографский компонент внутри меток. Смотрите пример

<TextField 
  label={
    <Typography variant="headline" component="h3"> Zoeken </Typography>
  } ..../>

Надеюсь, это кому-нибудь поможет.

Answer 2

Я закончил тем, что добавил немного кода в мою основную тему mui.

const theme = createMuiTheme({
palette: {
  primary: {
    main: '#39870c',
    ligth: '#6cb842',
    dark: '#005900'
  },
  secondary: {
    light: '#01689b',
    main: '#0044ff',
    contrastText: '#ffcc00',
  },
},
overrides: {
  MuiInputLabel: { 
    root: { 
      color:'black',
      fontSize: 13, 
    },
  },
}


}); 

С переопределениями я мог в принципе изменить что угодно. Я надеюсь, что это поможет кому-то в будущем, потому что это было действительно раздражающим, чтобы найти.