小编mar*_*rui的帖子

我正在尝试更改菜单项弹出框的背景颜色。但我无法从菜单项中删除 paddingtop 和 paddingBottom。这有点烦人，因为一些 materialui 组件从纸、列表、菜单等继承样式。有没有一种干净有效的方法来解决这个问题？例如，在主题中使用覆盖等。

我有实验，我知道可以使用内联样式/类来完成，但我不想使用该方法。我试过使用 ListProps={{disablePadding: true}}, MenuProps={{{disablePadding: true}}。但它不起作用。

       <FormControl className={classes.formControl}>
            <Select
            value={value.groupId}
            onChange={handleChange}
            MenuProps={{
                getContentAnchorEl: null,
                anchorOrigin: {
                  vertical: "bottom",
                  horizontal: "left",
                },
              }}
            classes={{
                icon:  isDarkMode ?  classes.iconLight :classes.icon,

            }}
            ListProps={{disablePadding: true}}
            inputProps={{
                name: 'groupId',
                id: 'group-machines',
              }}
            >

        {
            equipmentgroups.map(equipmentgroup =>
            <MenuItem 
            style={isDarkMode ? {backgroundColor: theme.palette.primary.dark} : 
            {backgroundColor: theme.palette.secondary.main}}
            className={classes.menuItemDisplay}  
            value={equipmentgroup.groupId}
            key={equipmentgroup.groupId}
            >{equipmentgroup.groupName}</MenuItem>
            )

        }

            </Select>
        </FormControl>

当我检查元素时，我仍然得到这个。

        .MuiList-padding-370 {
             padding-top: 8px;
             padding-bottom: 8px;
         }