css - 选择时如何更改从 Material ui中选择的背景颜色？

Question

我想在选中时更改select from material ui的背景颜色。该链接是未选中时显示的图像，以及选中时显示的图像。 Select

如您所见，当它被选中时，会出现巨大的灰色背景色。我想将其更改为透明，但不知何故无法正常工作。

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

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>

Answer 1

您可以使用边框或轮廓 css 属性来代替背景颜色。

这里有一些例子和指导来自:w3schools:

Border Outline

希望这能解决你的问题