小编Art*_*ttu的帖子

我里面有 Select 组件和 MenuItems，我想从聚焦的 Select 组件和选定的 MenuItem 中删除或覆盖背景颜色。

选定的 MenuItem 具有以下背景颜色：

在我选择项目后，选择组件具有焦点，如下所示：

这是我的 Select 组件和其中的 MenuItem：

<Select
    classes={{ focused: classes.selected }}
>
    <MenuItem
        classes={{ selected: classes.selected }}
    >
        Never
    </MenuItem>
</Select>

我只是尝试覆盖背景颜色以使其与正常情况相同：

focused: {
    backgroundColor: "#fff",
},

selected: {
    backgroundColor: "#fff",
},

有关如何删除或覆盖这些背景颜色的任何提示？选择选项后，选择组件不必保持焦点。

编辑：发现焦点出现在哪里，我很确定我需要通过 inputProps 来定位它，但不知道如何：

我试图在单击 Button 时打开 Material UI Box 组件，并在再次单击 Button 时关闭 Box。我试图从谷歌搜索解决方案，但真的找不到任何简单的东西。我需要非常基本的解决方案。我没有任何我尝试过的解决方案，因为我只是想知道如何做到这一点。

我假设我需要这些处理程序和其中的一些代码：

const [show, setShow] = useState(null);

const handleOpen = event => {
    setOpen(event.currentTarget);
};

const handleClose = () => {
    setOpen(null);
};

这是应该打开和关闭 Box 组件的 Button 组件。在那里我需要两个功能。当我单击按钮时，它设置 Box !null 如果它是 null 和 null 如果它是 !null：

<Button 
    className={classes.button}
    onClick={handleOpen}
>
    Click
</Button>
<Box className={classes.box}>
    // Some content
</Box>