javascript - 选择表单材质 UI，不能覆盖占位符

Question

我在这里是因为我无法覆盖我的 SelectionForm。我想将 placeHolder 的颜色从红色更改为另一种颜色。在材料 ui Docs 上，我找不到任何属性或道具来改变颜色。有人可以帮我吗？

我正在使用此代码

<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>
    )
}

标签： javascriptstylesoverridingmaterial-ui

Answer 1

您可以覆盖errorcss 类，看看这个代码示例。