如何在从 AutoComplete props悬停更改时更改 Material-UI MenuItem 背景？

IT技术 css reactjs material-ui
2021-05-16 16:04:20

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

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

2个回答

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

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

他们仍在研究可以在列表项中使用的hoverColor。但是暂时你可以使用这些props

<MenuItem 
  primaryText="MenuItem"
  onMouseEnter={(e) => e.target.style.backgroundColor= 'red'}
  onMouseLeave={(e) => e.target.style.backgroundColor = '#ffffff'}/>

这可能会暂时解决您的问题。

其它你可能感兴趣的问题
上一篇404 未找到（webpack 图像） 下一篇如果元素的属性类型是什么默认值？