Заполнитель левого поля / отступа в датчике угловых материалов?

Question

Легко установить левое поле / отступ для значения Datepicker Angular Material, просто добавив padding-left: xx к input css:

Но возможно ли добавить левое поле для заполнителя DatePicker?

Я хотел бы иметь большее поле, чтобы символ проверки не скрывал текст заполнителя:

Answer 1

Чтобы добавить левое поле в заполнитель DatePicker, вам нужно добавить следующий код в css

<mat-form-field class="my-class">

::ng-deep .my-class .mat-form-field-label{
   padding-left: 20px;
}

Примечание: Без использования :: ng-deep ваш отступ слева не не будет иметь эффекта даже для 10 или 15 пикселей.

Answer 2

Вы можете настроить таргетинг mat-form-field-label, добавить собственный класс в элемент-оболочку (например: - <mat-form-field class="custom-field"> ) и добавить следующие стили в style.css

.custom-field .mat-form-field-label{
padding-left: 10px;
}

рабочая демонстрация