1

我正在尝试更改禁用的 TextField 字体颜色,并在 stackoverflow 中关注了有关它的相关问题,但是当我创建如下所示的新 TextField 时,它不起作用并且什么也没有显示。

import {withStyles} from '@material-ui/core/styles';
import TextField from "@material-ui/core/TextField";


const myTextField = withStyles({
root: {
"& .MuiInputBase-root.Mui-disabled": {
    color: "rgba(0, 0, 0,0.0)"
}
}
})(TextField);


             

                                        <myTextField
                                            value={user  != null ? user.nam : null}
                                            disabled={true}
                                            variant="outlined"
                                            margin="normal"
                                            fullWidth
                                            id="nam"
                                            autoFocus
                                            label="nam"
                                        />



                                        <TextField
                                            value={user  != null ? user.famil : null}
                                            disabled={true}
                                            variant="outlined"
                                            margin="normal"
                                            fullWidth
                                            id="famil"
                                            autoFocus
                                            label="famil"
                                        />

它显示 TextField “famil”,但不显示 myTextField “nam”

4

1 回答 1

1

我的问题是我为 React Component 使用小写名称。我将“myTextField”更新为“MyTextField”并且它可以工作。

您必须使用 .MuiFormLabel-root.Mui-disabled 类更改字体颜色的另一件事。.MuiInputBase-root.Mui-disabled 类只是改变 TextField 的标签字体颜色。

const MyTextField = withStyles({
root: {
"& .MuiInputBase-root.Mui-disabled": {
    color: "rgba(0, 0, 0,0.0)"
},
"& .MuiFormLabel-root.Mui-disabled": {
    color: "rgba(0, 0, 0,0.0)"
},

}
})(TextField);

于 2020-07-15T07:40:42.653 回答