Reactjs 如何设置徽章组件的样式？

我想让材质ui徽章使用样式

右：'inherit'

为此，我需要覆盖徽章样式，但这些样式在根节点上不可用。例如，我的类将应用于父级垃圾邮件，而不是子级

<span class="MuiBadge-root makeStyles-listItemContentContainer-152"><div class="MuiPaper-root MuiPaper-elevation1 makeStyles-listItemContent-151 MuiPaper-rounded">
<span class="makeStyles-itemHeader-153">Switch to LED lights</span><span class="makeStyles-itemDescription-154">LED Bulbs last 3 times longer than CFL bulbs.
<button class="MuiButtonBase-root MuiButton-root makeStyles-readMore-155 MuiButton-text" tabindex="0" type="button">
<span class="MuiButton-label"> Read More </span></button>
</span></div><span class="MuiBadge-badge MuiBadge-colorPrimary">Insights</span></span>`enter code here`

切换到LED灯橇灯泡的持续时间是CFL灯泡的3倍。
阅读更多
Insights`在此处输入代码`

您可以使用“类”属性将样式添加到内部跨距：

<Badge badgeContent={"11"} classes={{badge: classes.myBadge}}>

const useStyles = makeStyles((theme) => ({
  myBadge:{
    right: "inherit",
  }
}));