How change the fontSize of TextField

I’m struggling to change this simple thing.

Changing by className is not enough as it didn’t get applied. For UX reason, I’m trying to increase the size because it’s too small. Already trying to get FormControl, InputLabel and Input to modify its classes by it’s hard because the elements itself get out of sync in your spacing calculations.

Somebody can help me out, please ??

Edit: I’m using the Material-UI 1.0-beta and redux-form-material-ui@next

[kennblvnp]

in 2020 this doesnt work:

InputProps={{ classes: { input: {fontSize:1}, }, ]}}

[lexparsimonet]

You must pass the correct properties to the component, if you are having trouble with the inputStyle prop causing your inputStyle text to overlay the text labels and cause the alignment issues I think you are describing by saying out of ‘sync’ then it is just a matter of including the props from the Material-ui TextField page .

Check the example below, prop values I picked are arbitrary but larger than the defaults for TextField. You probably need add hintStyle={{ height: 'some numerical value here' }} to line up the hintText. Material-ui renders a <div> root element wrapped around the <label> elements, each piece of the TextField component has to be adjusted.

<Field name="foo" component={TextField} style={{ height: '150px' }} inputStyle={{ fontSize: '1.5rem' }} props={{ floatingLabelText: 'Name', hintText: 'Your full name.', autoFocus: true }} />