Reactjs 如何将物料UI工厂设置为大纲

有没有办法在

物料界面

<Fab variant="here i see rounded || extended" color="primary" size="small" aria-label="scroll back to top">
  <KeyboardArrowUp />
</Fab>

---

有没有一种方法可以让我使用大纲版本，并且仍然继承材质ui ripple effect和其他样式？据我所知，您不能使用大纲版本。但是你可以为此编写CSS。我对这件事很有兴趣
编辑：以下是代码

const useStyles=makeStyles（（主题：主题）=>
创建样式({
根目录：{
"& > *": {
页边空白：主题。间距（1）
}
},
fabStyle：{
背景颜色：“白色”，
颜色：theme.palete.primary.light，
borderColor:theme.palette.primary.light，
“&：悬停”：{
背景色：theme.palete.primary.light，
颜色：“白色”
}
}
})
);
导出默认函数FloatingActionButtons（）{
const classes=useStyles（）；
返回(
);
}

您应该能够将类注入到Fab组件中。有关更多信息，请参阅此链接