如何使用 MenuItem Mui class 刪除默認的 hover 效果

Question

我正在嘗試使用 MUI 菜單項 class 刪除 animation 上的默認灰色 hover ..

這里有一些我試過但不起作用的例子。

<MenuItem divider sx={{'&:hover':{backgroundColor:'white'}}}>{`${selectedObj.tag.name}`}</MenuItem>

<MenuItem divider sx={{'&:hover':'none'}}>{`${selectedObj.tag.name}`}</MenuItem>

Answer 1

這應該適用於 MUI 版本5.10.16

<MenuItem divider sx={{ '&:hover': { backgroundColor: 'white' } }}>
      Hover me
</MenuItem>

檢查這個 演示