Чтобы удалить подчеркивание из элемента mat-select, вы можете использовать один из следующих методов:

1. Стилизация CSS: примените следующий код CSS к элементу mat-select или его родительскому контейнеру:

   ::ng-deep .mat-select .mat-select-value {
   text-decoration: none;
   }

   Этот код нацелен на класс mat-select-value в компоненте mat-select и удаляет подчеркивание текста.

2. ::ng-deep Selector (устарело): используйте селектор ::ng-deep в файле Styles.css вашего компонента, чтобы переопределить стили по умолчанию:

   ::ng-deep .mat-select .mat-select-value {
   text-decoration: none;
   }

   Обратите внимание, что селектор ::ng-deep устарел, и вместо него рекомендуется использовать другие подходы, такие как стили, специфичные для компонента, или инкапсуляцию представления.

3. Инкапсуляция представления: установите для инкапсуляции представления значение «Нет» в файле TypeScript вашего компонента (например, компонент.ts) и определите стили CSS непосредственно в стилях компонента:

   import { Component, ViewEncapsulation } from '@angular/core';
   @Component({
   selector: 'app-example',
   templateUrl: './example.component.html',
   styleUrls: ['./example.component.css'],
   encapsulation: ViewEncapsulation.None
   })
   export class ExampleComponent {}

   Затем в CSS-файл вашего компонента (например, example.comComponent.css) добавьте следующий код:

   .mat-select .mat-select-value {
   text-decoration: none;
   }

   Этот метод позволяет применять стили к элементу mat-select без инкапсуляции.