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

Question

在 Angular Material Datepicker 值上设置左边距/填充很容易，只需在 input 的 css 上添加 padding-left: xx:

But is it possible to add left margin to the datepicker's placeholder?

我想要一个更大的边距，这样验证符号就不会隐藏占位符的文本:

Answer 1

为了向日期选择器占位符添加左边距，您需要在您的 css 中添加以下代码

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

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

注意:如果不使用 ::ng-deep，您的左内边距不会有任何效果，即使是 10 或 15 像素也是如此。