javascript - 如何在不使用 <MuiThemeProvider/> 的情况下更改 Material-UI TextField 底部颜色

Question

我有一个在深色背景上的 Material UI TextField 组件，所以对于这个组件，我想更改它，以便文本和线条的颜色都是红色的。其余的 TextField 实例应保持不变。

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

我想避免必须使用 <MuiThemeProvider>

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

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

Answer 1

如果你想覆盖Input的类，你必须使用这样的东西:

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