如何在“材质”用户界面中禁用IconButton波纹效果？

Question

我有一个带IconButton的AppBar。悬停按钮时，它会显示一个椭圆形的悬停。我尝试通过

禁用它

disableFocusRipple={true}

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

Answer 1

您可以使用属性disableRipple。如果为true，则将禁用波纹效果。 disableFocusRipple仅在disableRipple为真时有效。但是你为此付出了代价。您松开了一些状态样式。 看一下API文档。 https://material-ui.com/api/button/

Answer 2

波纹是点击或聚焦时发生的动画（我认为不是默认情况下）。您正在寻找的是悬停背景颜色。您应该能够通过覆盖 css 来取消设置颜色：

.MuiButtonBase-root:hover {
        background-color: unset;
    }