Hello how can show the mat-label its half hidden.

CodePudding user response：

in the component css file:

mat-form-field {
    line-height 55px !important;

}
or
mat-label{
 line-height 55px !important;

}

or

::ng-deep mat-form-field {
       line-height 55px !important;
}
or
::ng-deep mat-label {
 line-height 55px !important;

}

be careful with the later because it is universal. you may have to play around with the css order of the element. like I said the best thing to do is to view it with chrome dev tools so you can get the exact class map.

CodePudding user response：

my temporary solution is to use .mat-form-field-appearance-fill .mat-form-field-label-wrapper{ overflow: visible!important; }