我刚刚开始使用React的Material UI组件。虽然我仍然习惯于不对自己的组件进行样式设置，而是导入开箱即用的方法，但我发现很难将它们同化到我的项目中。
通常我发现，由于太多的填充/边距，组件对于我的布局来说太大了。
具体地说，我正在实现Selects。我对文档和SO进行了搜索，以寻找适合我的项目的大小（高度）的方法，但是由于这些组件具有六个子组件，因此这些尺寸从未相加。
什么是有效的方式来调整组件的尺寸，并对齐所有依赖项的高度/宽度？
到目前为止，我已经尝试将组件包装在MUITheme中，并添加了CSSBaseline，两者均取自文档，但无济于事。我还尝试使用没有任何效果的classes。
我直接进入CSS，但是只能设置顶级包装的填充：＃outlined-age-native-simple。这是我可以到达的唯一可以真正改变任何内容的选择器。
答案 0 :(得分：0)
尝试通过
调整theme.spacing.unit
const theme = createMuiTheme({ spacing: { unit: 4 }}) // default is 8
请注意，许多组件都有根据material design guidelines进行硬编码的填充/边距。