Solución:
El problema es que Material-UI integra todos los estilos para sus componentes, por lo que si intenta anularlos con selectores CSS, generalmente no funciona del todo bien. En su lugar, intente anular los estilos en línea que no desee utilizando el style
propiedad directamente en el componente. Se vería así:
<RaisedButton style={{ fontSize: '63px' }} label="Log in Here" />
Y si todavía no se ve bien, simplemente inspeccione todos los estilos en línea generados en ese componente y vea lo que le gustaría cambiar, luego simplemente agréguelo al style
objeto también.
http://www.material-ui.com/#/components/raised-button
Utilizar el labelSize
prop para anular el estilo en línea del elemento
http://www.material-ui.com/#/components/raised-button
<RaisedButton
label="Button"
labelStyle={{ fontSize: '63px'}}
/>
<RaisedButton
label="Label"
labelStyle={{ fontSize: 15 }}
/>
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)