减小 Material UI 的组件大小

Question

我一直在尝试找到一种方法来减少所有组件集的 fontSize (http://www.material-ui.com/#/components)，它们对我的口味来说太大了，所以我开始创建一个可选列表并使用样式来尝试减少字体和大小，但我看到并不是那么容易。

我从 List 和 ListItem 开始，我能够减少除了 rightToggle 元素之外的所有元素，我不会找到一种覆盖其样式的方法。

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

有没有一种特定的方法可以轻松实现这一点？我看到有很多“神奇”数字硬编码用于填充和定位，不是更好地让它们被覆盖吗？

谢谢

Answer 1

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