web-dev-qa-db-ja.com

Material-UI - TextField - ヘルパーテキストエラーカラーを変更できません

私は非常に厄介な背景色を持つformを持っています。概説TextFieldのヘルパーテキストの色をエラー状態にあるが無効にすることができないように見えます。それは赤を持続します。

参照 codesandbox 。

reactjsmaterial-uijss
3
Lyle Classen

何らかの理由で、エラーテキスト色は次のクラス名で生成されます。_.MuiFormHelperText-root.Mui-error_
[。]では、エラールールのみが不足していません。
[。]これはトリックをするでしょう：

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

コードサンドボックス

1
Ido