我似乎在更改 Material-UI（用于 React）RaishedButton 上的字体大小以及让按钮本身与其正确缩放时遇到问题。
<RaisedButton
label={<span className="buttonText">Log in Here</span>}
/>
CSS:
.buttonText {
font-size: 63px;
}
文本大小发生变化，但按钮本身不会随之缩放。有谁知道这个问题的正确解决方案？我想要按钮根据文本大小进行缩放。
问题是 Material-UI 内联了其组件的所有样式，因此如果您尝试使用 CSS 选择器覆盖它们，通常无法正常工作。相反，尝试使用以下方法覆盖您不想要的任何内联样式style直接在组件上使用属性。它看起来像这样：
<RaisedButton style={{ fontSize: '63px' }} label='Log in Here' />
如果它看起来仍然不太正确，只需检查该组件上所有生成的内联样式并查看您想要更改的内容，然后将其添加到style对象也是如此。
http://www.material-ui.com/#/components/raised-button
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
