减小 Material UI 的组件大小

Question

我一直在试图找出一种方法来减少所有组件集的字体大小（http://www.material-ui.com/#/components），它们太大了，不适合我的口味，所以我开始创建一个可选择列表并使用样式试图减少字体和大小，但我发现这并不容易。

我从List和ListItem开始，我能够减少除rightToggle元素之外的所有元素，我没有看到覆盖其样式的方法。

我也无法更改secondaryText字体大小。

是否有一种特定的方法可以实现这一点而不会造成太大的痛苦？我看到有很多“魔术”数字被硬编码用于填充和定位，不是更好地使它们可重写吗？

谢谢

Answer 1

尽管 MUI 使用内联样式方法，但使用 CSS 文件提供一些全局样式是个好主意。我们的 MUI 项目使用“main.css”文件来设置锚点颜色、背景颜色以及我们知道在整个应用程序中保持一致的其他几个属性。