Angular Material 日期选择器上的占位符左边距/填充？

Question

只需添加 的 css 即可轻松在 Angular Material Datepicker 值上设置左边距/padding-left: xx填充input：

但是是否可以为日期选择器的占位符添加左边距？

我想要更大的边距，以便验证符号不会隐藏占位符的文本：

Answer 1

为了向 datepicker 占位符添加左边距，您需要在 css 中添加以下代码

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

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

注意：如果不使用::ng-deep，你的左边距即使是 10 或 15px 也不会产生任何效果。