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

Cal*_*bre 4 material-ui

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

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

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

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

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

我试过在一个className道具设置backgroundColour,类道具(适用于root/ focusVisible/ focusHighlight),但没有运气。

演示可能更好地解释我正在尝试做的事情:https : //codesandbox.io/s/jnnr5wo029

预期结果:onHover 样式将被 css 覆盖/禁用

实际结果:仍然应用灰色 onHover 样式

Jos*_*ing 7

查看源代码focusHighlight 在悬停时应用了不透明度。您可以覆盖它以消除悬停效果,例如https://codesandbox.io/s/j3zw9w7yk9