Angular 角度7。ngx材料时间选择器，切换按钮未正确对齐

我正在使用创建日期和时间选择器

这是我的模板的相关部分。（我没有组件的额外css）

结果是：

日期选择器工作正常，但时间选择器的切换按钮没有按应有的方式对齐。我遵循了

---

如何将时钟与日历对齐

尝试在

div

中包装

input

和

切换按钮

，并将

display:flex

设置为

div

。大概是这样的：

<div>
  <input>
  <ngx-material-timepicker-toggle></ngx-material-timepicker-toggle>
</div>

---

我也遇到了同样的问题，但您所要做的就是将

MatSuffix

添加到

ngx material timepicker toggle

中，它将正确对齐按钮

<ngx-material-timepicker-toggle matSuffix [for]="timePick" ></ngx-material-timepicker-toggle>

---

我可以看到您正在使用

为了解决这个问题，正如БааааааБаааааааааааа

另外，使用“更改时间选择器的高度”

CSS

：：ng deep.ngx时间选择器{
身高：72%！重要；
}

这应该是公认的答案。节省了我很多时间。@Brent with

matSuffix

我如何减小Material Datepicker之类图标的大小

div { display:flex }

<ngx-material-timepicker-toggle matSuffix [for]="timePick" ></ngx-material-timepicker-toggle>