如何通过 AutoComplete 属性更改悬停更改时的 Material-UI MenuItem 背景？

Question

AutoComplete使用Menu来呈现 MenuItems，如这些页面上的文档中所示。

我需要更改悬停菜单项的背景颜色。我可以使用需要样式对象的“menuItemStyle”来更改所有项目的颜色，但我不确定 Material-UI 样式对象中悬停样式的语法是什么。

Answer 1

在 root 上应用悬停样式应该可以做到。

const MyMenuItem = withStyles({
  root: {
    '&:hover': {
      backgroundColor: 'red !important',
      color: 'blue'
    }
  }
})(MenuItem)