He estado buscando información sobre cómo cambiar el tamaño de un mat-form-field de Angular Material 15, pero no he logrado cambiarlo, la mayoría habla sobre el font-size, pero en Angular Material 15 ya no funciona
He estado buscando información sobre cómo cambiar el tamaño de un mat-form-field de Angular Material 15, pero no he logrado cambiarlo, la mayoría habla sobre el font-size, pero en Angular Material 15 ya no funciona eso.
Recuerdo que tenía un código css que cambiaba el tamaño creo que era algo con scale, pero lo perdí 😅, y ya encuentro dónde fue que lo obtuve, pero por si alguien lo tiene, compártemelo 😝
Replies
En Angular Material 15, para cambiar el tamaño de un mat-form-field puedes utilizar la clase mat-form-field-sm o mat-form-field-lg en el elemento mat-form-field para definir un tamaño pequeño o grande respectivamente.
Por ejemplo, para utilizar un tamaño pequeño, puedes agregar la clase mat-form-field-sm de la siguiente manera:
Y para utilizar un tamaño grande, puedes agregar la clase mat-form-field-lg de la siguiente manera:
Ten en cuenta que estas clases solo están disponibles en Angular Material 15 y versiones posteriores.
Espero que esto te ayude a cambiar el tamaño de tus mat-form-field.
Muchas gracias por tu respuesta amigo. Pero no encontré esa información en la documentación e hice la prueba pero no funciona. Tienes algún enlace o documentación donde haga referencia a las clases?
Mmmm no realmente es de lo que documento en mi código
Usa ::ng-deep, no se si aun trabaja en angular 15 y dale una clase si solo deseas aplicarle a algo especifico.
Gracias por tu comentario, pero el ng-deep ya no se usa en Angular 15. Logré cambiar el tamaño de unos elementos del input, pero no todos.
Si algo asi habia leido en algun lado... Pronto me toca migrar a esa version espero no tener problemas... Saludos
