css - 材料表单字段赋予日期选择器与其他字段相同的高度

Question

我有一个包含 3 个字段的表单：

虽然选择和文本具有相同的高度并且非常适合日期选择器，但它不是。什么是最容易和稳定的（关于其他样式更改和屏幕尺寸）让所有 3 始终出现良好对齐（相同的高度，相同的上下边框，相同的字体大小）

我只发现了这个问题，并且仅在 datepicker 中更改字体大小不是一种选择。

标签： csssassangular-material

Answer 1

作为一种快速解决方案，您可以覆盖 mat-form-field-flex 类中的填充。例子：

.mat-form-field-flex {
  padding-top: 3px;
}

您必须在全局样式表中执行此操作，如果您不会为所有日期选择器执行此操作，请使用标识符（id、class、...）作为表单字段的参考。

干杯