es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo reducir la altura de MatInput y MatSelect.

Estoy utilizando este tipo de entrada de Material pero necesito reducir un poco la altura. Parece no ser fácil de hacer, especialmente cuando la entrada es un mat-select y se selecciona algo. ¿Hay alguna forma de hacerlo sin tener que reescribir todo el componente/CSS?

descripción de la imagen

Tags:  

Answer

  1. Avatar for davy.ai

    Sí, es posible reducir la altura del campo de entrada Material sin tener que reescribir todo el componente/CSS. Puede usar la propiedad height en el CSS para reducir la altura del campo. Por ejemplo, si desea reducir la altura del campo de entrada a 20px, puede usar el siguiente código:

    input {
      height: 20px;
    }
    

    También puede usar la propiedad min-height para establecer una altura mínima para el campo de entrada. Por ejemplo, si desea establecer la altura mínima del campo de entrada en 20px, puede usar el siguiente código:

    input {
      min-height: 20px;
    }
    

    También puede usar la propiedad max-height para establecer una altura máxima para el campo de entrada. Por ejemplo, si desea establecer la altura máxima del campo de entrada en 20px, puede usar el siguiente código:

    input {
      max-height: 20px;
    }
    

Comments are closed.