小编Tos*_*iro的帖子

我想要一个包含在边框中的列表，其外观和行为与文本字段边框相同： 示例文本字段和列表应该具有相同的边框。

在图像中，列表周围的边框看起来与文本字段周围的边框相似，但最值得注意的是，标签丢失了。如何添加标签以及如何设置焦点侦听器以获得相同的悬停和选择行为？

列表的打字稿代码：

<List dense sx={{ borderRadius: 1, border: 1, borderColor: 'grey.600'}}>
   <ListItem secondaryAction={<IconButton edge="end" aria-label="delete"><DeleteIcon /></IconButton>}>
      <ListItemText primary="primary" secondary="group id"/>
   </ListItem>
</List>

我也对其他方法持开放态度。谢谢您的帮助。