Reactjs 如何防止更改材质ui复选框组件的大小

我正在构建一个React应用程序，其中实现了更改全局字体大小。这在使用材质时非常容易，因为有一个包装器接收主题对象。 主题对象是通过对CreateMuiteme的调用创建的，该调用也是由材质提供的。mobx store中的对象聚集到CreateMuiteme。 一切都很顺利，但有一些组件，我想对字体大小的变化免疫

虽然我设法为其中的几个设置了自定义JSS样式，但有一个，当涉及到硬编码大小时，它似乎不受任何影响-每次我更改全局字体大小时，那些该死的材质UI复选框也会更改大小。我试过jss，内联样式，类，类名

下面是复选框的代码，复选框也来自物料界面 顺便说一句，物料界面版本为@material ui/core:^4.7.2

          <FormControl className={classes.badgeContainer}>
                <Badge
                    badgeContent={severity.value}
                    classes={{badge: classes[severity.category]}}
                    showZero={true}
                >

                    <ConfiguredTooltip
                        textInTooltip={severity.category}
                    >
                        <Checkbox
                            checked={severity.checked}
                            onChange={this.handleChange(severity.category)}
                            value={severity.category}
                            color={"default"}
                            disabled={!!currentlyActiveScheme && !schemeEditedFlag}
                            classes={{root: classes.checkbox}}
                        />
                    </ConfiguredTooltip>
                </Badge>
            </FormControl>

---

所有这些组件都是表单材质ui

总之，多亏了hotpink，所有复选框或复选框组都必须包装在单独的MuiThemeProvider中。 我为所有复选框创建了一个单独的常量，名为themeforcheckbox:P，将它放在负责布局的mobx商店中，瞧，它工作了。 有点悲哀，我们不得不这样做，但目前没有更好的解决办法。

---

可行且快速。

您是否尝试添加！对字号声明很重要？该死，忘了。那很好，我要检查它是否有效，等等……不，不起作用。不过，这是一次很好的尝试。也许可以用包装纸包装你的复选框？那是另一个想法。让我们试试看