覆盖Angular Material 2 MdDatepicker从触发器

Question

我在侧面导航中使用 Angular Material 2 MdDatepicker。在移动设备上，视图端口的宽度不足以在打开时不对日期选择器进行模糊处理。我在这里添加了一张图片，向您展示它看起来像是开放的。

目前，此日期选择器的左侧偏移量为左侧197.5px。此样式是内联的，不容易被覆盖。我想找到一种方法来用CSS覆盖它（我无法弄清楚）或在我的MdDatepicker文件中导入component.ts并覆盖它的行为或其他任何你能做的事情考虑到。我需要该号码为44px，而不是197.5px。

以下是我从开发人员工具中提取的内联代码。日期选择器在cdk-overlay内打开，并在该div内偏移。

<div id="cdk-overlay-1" class="cdk-overlay-pane" 
dir="ltr" style="pointer-events: auto; top: 416px; left: 197.5px;">

我是材料的新手，我希望即使没有Angular Material的支持，我们也可以找到一个黑客去做。我需要将此偏移量仅应用于某些日期选择器，而不是所有日期选择器。但是，我会用一个简单的解决方案来标记这个答案，以调整和自定义偏移左侧或偏移顶部位置。我想如果我可以做一个我可以轻松地做另一个，我已经查看了node_module中的MdDateicker代码，并且我不清楚如何覆盖这个组件。

Answer 1

我的mat-datepicker也有同样的问题，也有cdk-overlay-pane，我找到了在另一篇文章中编辑样式的解决方案。 Changing style of overlay container

::ng-deep .cdk-overlay-container {
  top: 416px;
  left: 197.5px;
}