如何在 Material UI 中禁用 IconButton 波纹效果?

Dha*_*r S 4 reactjs material-ui

我有一个带有 IconButton 的 AppBar。当悬停按钮时,它会在其中显示一个椭圆形悬停。我试图通过给

disableFocusRipple={true}

但它不起作用。请帮助我。

在这里我分享悬停的图像

Gas*_*ira 8

您可能会使用该属性disableRipple。如果为 true,它将禁用涟漪效应。disableFocusRipple仅在disableRippletrue 时有效。但是你要为此付出代价。你失去了一些状态风格。查看 API 文档。https://material-ui.com/api/button/

  • 嘿,你需要的不仅仅是涟漪。您需要在悬停时删除样式。这是另一种状态。在这种情况下,将背景设置为透明。检查代码笔 (2认同)