reactjs - 需要帮助设计 MaterialUI MenuItem 组件

Question

我正在尝试使用 MaterialUI 框架设置菜单项的样式，但感觉很迷茫。

这就是我想要的：

而且，到目前为止，这就是我所拥有的：https ://codesandbox.io/s/542wvq4mxl

任何帮助将不胜感激。

标签： reactjsmaterial-uicss-in-js

Answer 1

我看到的问题是该MenuItem组件已padding应用。但是您要做的是让图标的橙色背景拉伸整个高度，忽略此填充（或者，让文本和箭头的白色背景也这样做）。可能有一种 css 方法可以做到这一点，但我不知道。

因此，我会尝试删除您menuItem班级的默认填充并自己添加间距，例如https://codesandbox.io/s/z6q4z54njp