gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 12:07:05 24 4
gpt4 key购买 nike

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

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

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

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

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

我试过在 className Prop 、classes Prop (适用于 root/focusVisible/focusHighlight )中设置 backgroundColour 但没有运气。

可以更好地解释我想要做什么的演示:https://codesandbox.io/s/jnnr5wo029

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

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

最佳答案

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

关于material-ui - 如何更改 CardActionArea/ButtonBase 的悬停状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55557579/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com