Reactjs 物料界面-文本字段-Can'；无法更改帮助器文本错误颜色

我有一张

表格

，背景颜色很难看。要在大纲的

TextField

处于错误状态但似乎无法覆盖时更改其帮助文本的颜色。它保持红色

---

请参阅。

由于某些原因，错误文本颜色是在以下类名下生成的：

.MuiFormHelperText root.Mui error

所以仅仅覆盖错误规则是不够的
这将实现以下目的：

const helperTextStyles = makeStyles(theme => ({
  root: {
    margin: 4,
    color:'black',
  },
  error: {
    "&.MuiFormHelperText-root.Mui-error" :{
      color: theme.palette.common.white,
    },
  },
}));

---

该问题是由CSS特殊性引起的（基本样式具有比重写样式类更具体的类名，即

MuiFormHelperText root.Mui error

）。在这种情况下，使用

&$

语法是非常困难的：

const helperTextStyles = makeStyles(theme => ({
  root: {
    margin: 4,
    '&$error': {
      color: 'white'
    }
  },
  error: {} //<--this is required to make it work
}));

const helperTextStyles=makeStyles（主题=>({
根目录：{
差额：4，
“&$error”：{
颜色：“白色”
}
},
错误：{}//我被迫使用
！important
…例如
颜色：“白色！important”