Javascript 如何使用“更改材质界面中按钮的颜色”&；：活动的“：？”？

我正在我的项目中使用材质ui。我想更改按钮的活动状态。我正在使用材料界面的活动和悬停，即

const useStyles = makeStyles((theme) => ({
  button: {
    "&:hover": {
      boxShadow: "none",
      background: "red"
    },
    "&:active": {
      boxShadow: "none",
      background: "black"
    }
  }
}));

但“悬停”正在工作，但未处于活动状态。

---

悬停

当您悬停按钮时，将应用该样式

active

样式在单击按钮时应用，然后再释放鼠标按钮。当您开始单击按钮时，您将从

悬停

状态更改为

活动

状态

在您的代码中，

悬停

和

活动

是相同的，因此您可以在转换之间看到相同的样式。尝试将

active

状态更改为其他状态：

按钮：{
“&：悬停”：{
boxShadow：“无”，
背景：“红色”
},
“&：活动”：{
boxShadow：“无”，
背景：“黄色”
}
}

请设置一个演示，在那里可以复制该问题。不起作用…，@PriyankDeepSingh您可能希望在看到活动样式之前按住鼠标按钮一段时间，但在释放时。。。它得到lost@PriyankDeepSingh是的，它按预期工作。请参阅文章。是否需要使用active？更改按钮的颜色？？难道不是夏比吗