Material UI - 如何在主题级别为选中和未选中状态覆盖 Switch 组件的轨道样式？

编程问答 2022-05-28

问题描述

在 Material UI 中，我试图在主题级别覆盖 Switch 组件的样式，但覆盖此类值的文档非常混乱。

createMuiTheme({
        palette: {
            type: darkMode ? 'dark' : 'light',background: {
                default: darkMode ? '#000' : '#f00',},overrides: {
            MuiSwitch: {
                track: {
                    backgroundColor: '#3196E3',opacity: 1,}

覆盖轨道的颜色，但它真的不清楚如何在检查Switch时指定不同颜色。这就是我得到的。 . . .

enter image description here

我知道有类似的帖子试图解决相同的问题（例如，https://stackoverflow.com/questions/63249267/how-can-i-override-the-style-of-the-material-ui-switch-component-when-checked'）。它们不起作用。有谁知道我如何在主题级别覆盖轨道，以便在选中时显示一种颜色，而在未选中时显示另一种颜色？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptmaterial-uireactjsreactjs