如何设置活动列表项 MUI5 的样式？

Question

我刚刚开始使用 Material ui，并且很难尝试设置侧边栏菜单的活动列表项的样式。这是我到目前为止所尝试过的。我错过了什么或做错了什么？

            <>
              <ListItemButton onClick={i.onClick}>
                  <Icon/>
                <ListItemText primary={i.listItemText} />
              </ListItemButton>
              <Collapse in={open} timeout='auto' unmountOnExit>
                <List component='div' disablePadding>
                  {i.nestedItems?.map((n, idx) => (
                    <ListItemButton sx={{ pl: '4.3rem' }}>
                      <ListItemText
                        primary={i.nestedItems[idx]}
                      />
                    </ListItemButton>
                  ))}
                </List>
              </Collapse>
            </>
          ))}

我尝试过像 som 这样的主题来设计它的样式，但它不起作用：

      styleOverrides: {
        root: {
          "&:focus": {
            fontWeight: baseTheme.typography.fontWeightBold
          },
        },
      },
    }