Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何更改材质ui/lab/Autocomplete的背景色_Reactjs_Autocomplete_Material Ui - Fatal编程技术网

Reactjs 如何更改材质ui/lab/Autocomplete的背景色

Reactjs 如何更改材质ui/lab/Autocomplete的背景色,reactjs,autocomplete,material-ui,Reactjs,Autocomplete,Material Ui,对你们中的一些人来说,这应该是一个简单的问题。我正在尝试将自动复制的背景颜色从黑色更改为白色。现在看起来是这样的: 所以我想改变结果的背景色。代码如下所示: <Autocomplete id="combo-box-demo" options={mitarbeiter} classes={{

对你们中的一些人来说,这应该是一个简单的问题。我正在尝试将自动复制的背景颜色从黑色更改为白色。现在看起来是这样的:

所以我想改变结果的背景色。代码如下所示:

<Autocomplete
                            id="combo-box-demo"
                            options={mitarbeiter}
                            classes={{
                                option: styles.option
                            }}
                            onChange={changer}
                            getOptionLabel={(option) => option.email}
                            fullWidth
                            style={{width: 350}}
                            renderInput={(params) => <TextField {...params} label="Mitarbeiter" variant="outlined" style={{ backgroundColor: "cyan !important" }}/>}
                            required
                        />
option.email}
全宽
样式={{宽度:350}
renderInput={(参数)=>}
必修的
/>

提前感谢

自动完成
组件有一个名为
PaperComponent
的道具。您可以使用它更改结果的背景

在这里,我在
PaperComponent
道具中传递
纸张
组件,并将其
背景设置为
黄色
。 我的结果列表将在其中呈现,下拉列表的颜色将为
黄色


如果您需要设置额外的
样式
,您可以添加到
组件的样式属性。

非常感谢!