Как избежать лишнего подчеркивания поля mat-form-field в материале Angular ⇐ CSS

[Anonymous]

Мне не удается понять, почему при использовании компонента появляется дополнительное подчеркивание поля mat-form-field.
На моей странице используется эта разметка:





И мой пользовательский компонент имеет следующий код шаблона


{{labelText}}


{{text}}


{{item[fieldName]}}





На отрисованной странице это выглядит так
[img]https://i. stack.imgur.com/Ilzj9.png[/img]

Когда я добавляю следующую строку в свою родительскую таблицу стилей, все подчеркивания mat-form-field-underlines исчезают, а это не то, что нужно Я хочу. Если я пойду и удалю поле mat-form-field в своем пользовательском компоненте, я получу только одну строку, но тогда выравнивание подчеркивания поля mat-form-field будет отключено от других компонентов на странице. Поэтому мне нужно найти способ указать только второе подчеркивание, чтобы его можно было удалить.
::ng-deep .mat-form-field-underline {
display: none;
}

Вот пример stackblitz, который демонстрирует эту проблему во втором примере подчеркивания StackBlitz
Вот код, когда я его проверяю, и кажется, что для по какой-то причине внутри поля mat-form есть поле mat-form. Не знаете почему?
Tract List


Подробнее здесь: https://stackoverflow.com/questions/719 ... r-material