css - 如何为 helperText Material ui 分配颜色以突出显示 TextField 中的错误

Question

如何为 helperText 分配颜色ma​​terial-UI 以突出显示 TextField 中的错误.我无法将颜色设置为helperText在 Material-UI 中。

我尝试使用 MuiFormHelperText-root-406应用 CSS但它不起作用

<Grid item xs={3}>
   <TextField
       label="EmailId" 
       name="emailId" 
       value={editItem.emailId} 
       onChange={this.editInputValue} 
       helperText={this.state.emailerror}  />      
</Grid>


.MuiFormHelperText-root-406{
   color:rgba(255,0,0,0.5);
 }

Answer 1

添加这段代码:在TextField中添加className={classes.textField}

  textField: {
    marginLeft: theme.spacing(1),
    marginRight: theme.spacing(1),
    width: 200,
    '& p':{
      color:'blue',
    },
  },

      <TextField
        id="standard-helperText"
        label="Helper text"
        defaultValue="Default Value"
        className={classes.textField}
        helperText="Some important text"
        margin="normal"
      />