Reactjs 物料界面：更改未选中单选按钮的颜色

在我的React应用程序中，我使用了Material UI单选按钮，我想将它们的颜色更改为我的自定义主题颜色。为此，我使用了来自“@material ui/core/styles”的电子阅读器。 这是主题对象

const theme = createMuiTheme({
    palette: {
        primary: {
            main: '#F6A500',
            light: '#F6A500',
            dark: '#F6A500',
        },
    }
});

下面是我如何使用它

<ThemeProvider theme={theme}>
    <RadioGroup value={sourceOption} onChange={(e, v) => setSourceOption(v)} row>
        <FormControlLabel value="0" control={<Radio color="primary" />} label="Mobilni" />
        <FormControlLabel value="1" control={<Radio color="primary" />} label="Web" />
        <FormControlLabel value="2" control={<Radio color="primary" />} label="Svi" />
    </RadioGroup>
<ThemeProvider>

setSourceOption（v）}行>

问题是，颜色只应用于选中的单选按钮，而不应用于其余按钮。

---

任何建议？

您可以通过更改单选按钮根类名的颜色属性来修改单选按钮的颜色，如下所示：

const GreenRadio = withStyles({
  root: {
    color: green[400],
    "&$checked": {
      color: green[600]
    }
  },
  checked: {}
})((props) => <Radio color="default" {...props} />);



<GreenRadio
        checked={selectedValue === "c"}
        onChange={handleChange}
        value="c"
        name="radio-button-demo"
        inputProps={{ "aria-label": "C" }}
      />

const GreenRadio=with styles({
根目录：{
颜色：绿色[400]，
“&$checked”：{
颜色：绿色[600]
}
},
选中：{}
})（（道具）=>）；

---

请让我知道它是否对您有效我想您的答案是正确的，但我很好奇是否有一种方法可以使用EProvider（如果有）而不是解决方法。