如何使用Material UI React覆盖外部[第三方]组件的CSS？

我试图覆盖一个外部组件的默认CSS，它不是在MaterialUI或我的项目中开发的。在样式化组件中，我可以只获取根类并用自定义CSS替换它们。如何对材质UI反应执行相同的操作

.ace-tm .ace_variable {
color : red
}

假设我必须用新的颜色属性替换这两个类，那么如何在材质样式中执行该操作

这就是我尝试过的，没有运气

const Styles = {
  " & ace-tm": {
    "& ace_variable": {
      color: red,
      fontSize: "16px"
    },
  }
};

---

我正在使用withStyles稍后将它们注入组件中。

我刚刚发现了这一点，并认为我应该为后代分享解决方案：

const GlobalCss = withStyles((theme) => ({
  '@global': {
    '.ace-tm .ace_variable': {
      color: 'red',
    },
  },
}))(() => null)

const SomeComponent = () => {
  return (
    <>
      <GlobalCss />
      <h1>Hey Jude</h1>
      <SomeComponentWhoseCSSWillBeModified />
    </>
}

const GlobalCss=withStyles（（主题）=>({
“@global”：{
“.ace tm.ace_变量”：{
颜色：“红色”，
},
},
}))（（）=>null）
常量SomeComponent=（）=>{
返回(
嘿，裘德
}

请在此处阅读更多信息：