Angular Material datepicker上的占位符左边距/填充？

Question

只需在 input 的 css 上添加 padding-left: xx 即可轻松设置 Angular Material 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 像素也不行。 p>

Answer 2

您可以定位 mat-form-field-label 为您的包装元素添加一些自定义类（例如：-<mat-form-field class="custom-field"> ）并在 style.css 中添加以下样式

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

working demo