Как скрыть подчеркивание при отключении в mat-select angular

Question

На этой странице https://material.angular.io/components/select/overview в разделе "Отключение выбора или отдельных параметров" выбор циновки выглядит следующим образом, когда он отключен:

мат-выберите

Поэтому я хочу скрыть это подчеркнутое подчеркивание.

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

Answer 1

Это не подчеркивание, это фоновое изображение. Попробуй это.

.mat-form-field-disabled .mat-form-field-underline {
            background-image: unset;
}

добавить это в style.css и проверьте в angular.json если style.css загружается перед файлом темы

Answer 2

Добавьте этот код CSS к вашему компоненту:

:host /deep/ .mat-form-field-disabled .mat-form-field-underline {
 background-image: none !important;
}