0
1K
Views¿Cómo debo ajustar el tamaño de mat-form-field mat-chip?
Esta es la salida de mi código html 
Quiero hacer que el tamaño del campo de formulario mat-chip sea igual al del campo de formulario anterior.
Esta es la ubicación desde donde usé chips. .Quiero disminuir el tamaño de la matriz de chips.
2 answers
Answer question0
Puede anular los estilos de angular/material.
En este caso, es suficiente simplemente agregar la misma propiedad en una regla de estilo en el archivo CSS de su componente. Su componente CSS tiene una mayor especificidad que las reglas mat-chip a continuación.
La altura de la ficha está determinada por la siguiente regla:
.mat-standard-chip { min-height: 32px; }Entonces podría anular esto para hacer que el chip sea más pequeño.
También puede modificar el tamaño de fuente con la siguiente regla:
.mat-chip { font-size: 14px; }0
desde las herramientas de desarrollo, intente adjuntar la clase correcta con el elemento para el que desea establecer el tamaño. Luego, utilizando cualquier css de preprocesador, establezca el estilo para ese elemento dentro de la clase de componente en la que está presente el elemento.