javascript - 更改颜色 InputLabel Material UI

Question

我有以下输入标签:

<InputLabel>NAME</InputLabel>

我的问题是文本是白色的(我不明白为什么是白色，也许我做错了什么)，而且我看不到白色上的白色。如何将颜色更改为黑色？

Answer 1

你可以给<InputLabel />一个类名:

<InputLabel classname="test-label">This is a label</InputLabel>

在你的样式表中:

.test-label: {
    color: #000000 !important;
}

---

如果您尝试设置 <InputLabel /> 的样式通过 <TextField />组件

你可以给<InputLabel />通过访问 <TextField /> 的一个类输入标签 Prop :

<TextField
   label="This is a label"
   InputLabelProps={{
     className: "test-label" 
   }}
/>

在你的样式表中:

.test-label: {
    color: #000000 !important;
}