Как убрать пробел снизу mat-form-field

Question

Я использую угловой 7 с угловым материалом и хочу удалить нижнюю часть пространства, как вы можете видеть.Я много пробовал, но безуспешно.

Answer 1

Попробуйте следующее:

<mat-form-field style="margin-bottom: -1.25em">

(Вы можете следить за обсуждением этого дополнительного нижнего пространства здесь: https://github.com/angular/components/issues/7975)

Answer 2

Я могу удалить нижнее пространство mat-form-filed, используя следующую CSS в style.scss

.mat-form-field-wrapper{
    padding-bottom: 10px;
}

Answer 3

вы можете добавить это в свой css

:host ::ng-deep .mat-form-field-wrapper{
      padding-bottom: 0;
}

, но, удалив этот отступ, вы не сможете правильно поставить <mat-hint>hint</mat-hint> или <mat-error>error</mat-error>.Ошибка и подсказка попадают внутрь поля формы при удалении отступа;