如何更改CardActionArea / ButtonBase的悬停状态

Question

我目前正在为我的应用程序使用CardActionArea / ButtonBase材质Ui @next组件。

我似乎无法更改按钮随附的悬停效果。

我似乎也找不到找到导致悬停背景覆盖颜色的选择器。有人可以帮忙吗？

https://material-ui.com/api/card-action-area/

https://material-ui.com/api/button-base/

我尝试在className属性，class属性（应用于root / focusVisible / focusHighlight）中设置backgroundColour，但是没有运气。

可能更能解释我要做什么的演示：https://codesandbox.io/s/jnnr5wo029

预期结果：onHover样式将被CSS覆盖/禁用

实际结果：灰色onHover样式仍然适用

Answer 1

查看source code focusHighlight在悬停时对其应用了不透明度。您可以覆盖此设置以消除悬停效果，例如https://codesandbox.io/s/j3zw9w7yk9