Как изменить нижний цвет TextField для Material-UI без использования <MuiThemeProvider />

Question

У меня есть компонент TextField пользовательского интерфейса для материала, который находится на темном фоне, поэтому для этого компонента я бы хотел изменить его так, чтобы цвета текста и линий были красными. Остальные экземпляры TextField должны остаться без изменений.

Я использую @ material-ui / core 3.8.1, и это <TextField /> компонент.

Я хочу избежать использования <MuiThemeProvider>

Вот как я пытался, основываясь на рекомендации здесь для компонента Material-UI <Input /> и ответе здесь

Репродукция: https://codesandbox.io/s/q9yj0y74z6

Answer 1

Если вы хотите переопределить классы Input, вам придется использовать что-то вроде этого:

<TextField
  InputProps={{classes:{underline: classes.underline}}}
  ...
/>

Answer 2

Добавить props в <TextField />

InputLabelProps={{
  className: classes.cssLabels
}}

Добавить в styles

cssLabels: {
  color: "red"
}