Как остановить плавающую метку? ⇐ CSS

[Гость]

Мне нужно, чтобы этот ярлык не плавал. Мне нужно, чтобы оно было неподвижным.
Ввод поступает из Angular Material. https://material.angular.io/comComponen ... d/examples
введите здесь описание изображения
Код следующий:
Телефон
Если кто-то может мне помочь, я новичок в программировании.
Заранее спасибо.
< br />
Я пытался добавить классы в CSS, но ни один из них не помог.

Код: Выделить всё

.mat-form-field-appearance-outline .mat-form-field-label {
transform: translateY(-50%);
}

.mat-mdc-floating-label.mat-mdc-form-field {
transform: none !important;
}

.mat-mdc-form-field .mat-mdc-floating-label.mat-mdc-form-field {
transform: none !important;
}

.mat-mdc-form-field.ng-touched .mat-mdc-floating-label.mat-mdc-form-field {
transform: none !important;
}
.mat-mdc-form-field.ng-touched .mat-mdc-floating-label.mat-mdc-form-field[ng-reflect-floating="true"] {
transform: none !important;
}

.mat-form-field.mat-focused .mat-form-field-label {
transform: none !important;
}

Источник: https://stackoverflow.com/questions/781 ... m-floating