微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

在 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 举报,一经查实,本站将立刻删除。