Как изменить цвет фона для выбора материала пользовательского интерфейса при выборе?

Question

Я хочу изменить цвет фона select из материала 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>

Answer 1

вы можете использовать свойства css для границ или контуров, чтобы сделать это вместо цвета фона.

вот несколько примеров и руководствуясь: w3schools:

Граница Наброски

надеюсь, что это может решить вашу проблему