Javascript 选择表单材质界面，不能替代占位符

我在这里是因为我无法覆盖我的选择表单。我想将占位符的颜色从红色更改为另一种颜色。在材质ui文档中，我找不到任何属性或道具来更改颜色。。有人能帮我吗

我正在使用这个代码

<div className="row">
            {
                Object.keys(FILTRO_AGENZIA_MAPPER).map((key5: string, w: number) =>
                    <div  className="col-sm-2" key={key5 + w} style={{display: 'inline'}}>
                        <Field name={FILTRO_AGENZIA_MAPPER[key5] || key5}
                               component={renderSelectField}
                               key={key5 + w}
                               label={FILTRO_AGENZIA_MAPPER[key5]}>
                            {
                                Object.keys(FILTRO_AGENZIA_VALUES).map((key6: string, y: number) =>
                                    <MenuItem key={key6 + y} value={FILTRO_AGENZIA_VALUES[key6] || key6}>
                                        {FILTRO_AGENZIA_VALUES[key6] || key6}
                                    </MenuItem>)
                            }
                        </Field>
                    </div>
                )}
        </div>



export const renderSelectField: React.FunctionComponent = ({label, children}: TextFieldProps): any => {
    return (
        <FormControl fullWidth={true}>
            <InputLabel>{label}</InputLabel>
            <Select>
                {children}
            </Select>
        </FormControl>
    )
}

{
Object.keys（FILTRO\u AGENZIA\u MAPPER）.map（（key5:string，w:number）=>
{
Object.keys（filtero\u AGENZIA\u值）.map（（key6:string，y:number）=>
{FILTRO_AGENZIA_值[key6]| | key6}
)
}
)}
export const renderSelectField:React.FunctionComponent=（{label，children}:TextFieldProps）：any=>{
返回(
{label}
{儿童}
)
}

您可以覆盖，请查看代码示例。

请包含用于显示此内容的代码。

字段

组件来自哪个库？如果你能提供一个复制这个的简单方法，那会有帮助的。是的！这可能是一个解决方案，但正如你所说的，过度劳累不起作用。我需要以这种方式修改我的主题的css“}，错误：{backgroundColor:'blue'}，我不知道placeorder的属性是什么