Пользовательский интерфейс материала - Как я могу изменить размер шрифта надписи в FormControlLabel

Question

Как я могу изменить размер шрифта надписи внутри FormControlLabel?Я использую его с React для Front End JS

<FormGroup row>
     <FormControlLabel
     control={
       <Checkbox onClick={() => onClick('rdOption4')} />
    　　　　　 }
     label="All Date"
/>
 </FormGroup>

Answer 1

Делайте это, используя темы:

import { createMuiTheme } from '@material-ui/core';
export const theme = createMuiTheme({
    overrides: {
        MuiFormControlLabel: {
            label: {
                fontSize: '0.875rem',
            }
        }
    }
});

Документация по темам

Answer 2

Вы можете следовать этому URL https://material -ui.com / api / form-control-label / .Вы должны переопределить класс по умолчанию следующим образом: сначала сделайте свойство стиля, после чего используйте метод withStyles для экспорта вашего компонента

const styles = {  
  label: {
    fontSize: '20px',
  },
};

export default withStyles(styles)('YOUR_COMPONENT');