如何在@mui/material/Menu中使用css定位ul

muk1a3rh 于 2023-01-22 发布在其他

关注(0)|答案(1)|浏览(140)

我尝试将以下样式应用于单击按钮后出现的ul：

&.MuiList-root {
    padding-top: 0px;
    padding-bottom: 0px;
  }

下面是一个实时沙箱，其中说明了问题：
https://codesandbox.io/s/react-typescript-forked-tyd8n8?file=/src/App.tsx

css

来源：https://stackoverflow.com/questions/75187955/how-to-target-ul-with-css-in-mui-material-menu

1条答案

按热度按时间

tf7tbtn21#

根据发布的沙盒，样式被附加到CustomMenuItem，即列表项。要定位列表并删除填充，请考虑使用sx prop设置Menu的样式（或使用styled创建一个自定义组件）：
带修改的分叉：codesandbox

<Menu
  {...bindMenu(popupState)}
  sx={{
    "& .MuiList-root": {
      py: "0px",
    },
  }}
>
  <CustomMenuItem
    onClick={() => {
      console.log("hello");
      popupState.close();
    }}
  >
    label
  </CustomMenuItem>
</Menu>

赞(0）回复(0）举报 2023-01-22

我来回答

如何在@mui/material/Menu中使用css定位ul

1条答案

相关问题

热门标签

最新问答