Я пытался понять, как стилизовать компонент текстового поля material-ui.next.
<TextField
id="email"
label="Email"
className={classes.textField}
value={this.state.form_email}
onChange={this.handle_change('form_email')}
margin="normal"
/>
Мои занятия создаются следующим образом:
const styles = theme => ({
textField: {
width: '90%',
marginLeft: 'auto',
marginRight: 'auto',
color: 'white',
paddingBottom: 0,
marginTop: 0,
fontWeight: 500
},
});
Моя проблема в том, что я не могу изменить цвет текстового поля на белый. Мне кажется, что я могу применить стилизацию ко всему текстовому полю (потому что стилизация ширины работает и т.д.)... но я думаю, что проблема в том, что я не применяю стили дальше по цепочке и к фактическому вводу.
Я попытался посмотреть на другие ответы, касающиеся передачи inputProps, но безуспешно.
Я старался изо всех сил, но думаю, мне нужно спросить, знает ли кто-нибудь, что я делаю неправильно.
Как это в настоящее время выглядит