Css 选择时如何更改“从材质界面选择”的背景色？

我想在选中“从材质选择”ui时更改其背景色。 链接是在未选中和选中时显示的图像。

正如您所看到的，当它被选中时，会出现巨大的灰色背景颜色。我想把它改成透明的，但不知怎么的，它不起作用了

下面是我现在正在使用的代码

const useStyles = makeStyles(theme => ({
select: {
        height: theme.spacing(5)
    },
}));

const classes = useStyles();

<FormControl margin='none' variant="outlined">
                                        <Select
                                        native
                                        className={classes.select}
                                        value={filter}
                                        onChange={handleChange()}
                                        name="filter"
                                        inputProps={{ 'aria-label': 'filter' }}
                                        >
                                        <option value="All">All</option>
                                        </Select>
                                    </FormControl>

const useStyles=makeStyles（主题=>({
选择：{
高度：主题。间距（5）
},
}));
const classes=useStyles（）；
全部的

您可以使用边框或轮廓css属性，而不是背景色

以下是一些示例和指南：w3schools：

希望这能解决你的问题