css - 减小 Material UI 的组件大小

Question

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

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

此外，我无法更改 secondaryText 字体大小。

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

谢谢

Answer 1

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