更改颜色 InputLabel 材质 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 />InputLabelProps来给一个类：

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

在您的样式表中：

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

Answer 2

您可以style如下给出以下标签；

 <InputLabel style="color:black;">NAME</InputLabel>

或者

在 CSS 中添加以下内容InputLabel并尝试：

InputLabel{  
  color: black;
}