选择时如何更改从材质ui中选择的背景颜色？答案

【问题标题】：How to change background color of select from material ui when selected?选择时如何更改从材质ui中选择的背景颜色？
【发布时间】：2020-03-07 13:15:42
【问题描述】：

我想在选择时更改从材质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>

【问题讨论】：

标签： css reactjs typescript select material-ui

【解决方案1】：

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

这里有一些示例和指导来自：w3schools：

Border Outline

希望这可以解决您的问题

【讨论】：