Невозможно изменить размер шрифта поля текста в пользовательском интерфейсе материала ⇐ CSS

[Anonymous]

Я пытаюсь выучить материальный интерфейс. Я хочу увеличить текстовое поле на моей странице. Тем не менее, стили, которые я внедряю с полем, меняет высоту, ширину и другие свойства, кроме размера. Ниже приведен мой код: < /p>

const styles = {
container: {
display: 'flex',
flexWrap: 'wrap',
},
textField: {
// marginLeft: theme.spacing.unit,
// marginRight: theme.spacing.unit,
width: 300,
margin: 100,
fontSize: 50 //??? Doesnt work
}
}
< /code>

Ниже приведен компонент без состояния (React): < /p>

const Searchbox = (props) => {

const { classes } = props;

return (

);
};

export default withStyles(styles)(Searchbox);
< /code>

Я полностью понимаю, что нет ракетостроения, поскольку это простой CSS в подходе JS применения стилей. < /p>

Тем не менее, я не могу переопределить базовый размер шрифта для моего текстового поля. Любая помощь будет оценена

Подробнее здесь: https://stackoverflow.com/questions/503 ... aterial-ui