Css 按钮组件的覆盖不';不要改变悬停的颜色

Css 按钮组件的覆盖不';不要改变悬停的颜色,css,reactjs,material-ui,Css,Reactjs,Material Ui,我试图通过覆盖主题css来改变项目中所有按钮的颜色。按钮的颜色已更改,但悬停颜色仍然是透明的,如何覆盖它 除了给我的每个按钮添加一个类之外,还有其他方法吗 按钮的所有变体不都应该遵循根的css吗 我想出来了。 这里是代码沙盒,如果有人关心的话 只需为每个变体添加以下内容: outlined: { "&:hover": { backgroundColor: "#35C37D" } }, outlined: { "&:hover": { backgrou

我试图通过覆盖主题css来改变项目中所有按钮的颜色。按钮的颜色已更改,但悬停颜色仍然是透明的,如何覆盖它

除了给我的每个按钮添加一个类之外,还有其他方法吗

按钮的所有变体不都应该遵循根的css吗

我想出来了。 这里是代码沙盒,如果有人关心的话

只需为每个变体添加以下内容:

outlined: {
  "&:hover": {
    backgroundColor: "#35C37D"
  }
},
outlined: {
  "&:hover": {
    backgroundColor: "#35C37D"
  }
},