Saltar al contenido

¿Cambiar el tamaño de fuente de los botones de material-ui y hacer que los botones se escalen?

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *