如何在不使用<muithemeprovider>

Question

我有一个在深色背景上的Material UI TextField组件，因此对于这一个组件，我想对其进行更改，以使文本和线条颜色均为红色。其余TextField实例应保持不变。

我正在使用@material-ui/core 3.8.1，它是<TextField />组件。

我希望避免使用<MuiThemeProvider>

这是我根据此处对Material-UI <Input />组件和答案here的建议进行尝试的方式

复制：https://codesandbox.io/s/q9yj0y74z6

Answer 1

将此props添加到<TextField />

InputLabelProps={{
  className: classes.cssLabels
}}

添加styles

cssLabels: {
  color: "red"
}      

Answer 2

如果您想覆盖Input的类，则必须使用类似以下的内容：

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