Reactjs 材质UI删除菜单填充

有没有办法从菜单组件中删除顶部和底部填充

尝试在PaperProps和makeStyles中将padding设置为0，但当我检查浏览器上的元素时，它仍然在顶部和底部显示8px默认padding

以下是代码（如果有帮助）：

<Menu
    className={classes.menuSearchContainer}
    PaperProps={{
        style: {
            backgroundColor: "#fff",
            width: "270px",
            paddingTop: '0px',
        },
    }}
>
<Input
    className={classes.menuSearchInput}
    type="text"
/>

试试这个

<MenuItem dense=true />

来自Material UI dense：如果为真，将使用为键盘和鼠标输入设计的紧凑垂直填充

---

这可能就是问题所在。

从

菜单

类属性中选择

列表

类作为目标

<Menu
  {...other props}
  classes={{list:classes.list}}
>
  {...meuItem}
</Menu>

---

签出一个

我在菜单组件中有输入字段，因此MenuItem不是我需要删除填充的组件。输入没有密集选项。请尝试将这些道具添加到组件pt=0，pb=0。正如我尝试的那样，不起作用。当然，我编辑了原始帖子。我不知道它有多大帮助，因为我需要删除默认填充是的！这个有效！

const useStyles = makeStyles(() =>
  createStyles({
    list:{
      padding:'0'
    }
  }),
);