如何降低MatInput和Matselect的高度

.mat-input-element,
.mat-select-trigger {
   height: 30px; /* 设置合适的高度值 */
}

@import '~@angular/material/theming';

// 定义自定义主题
$custom-theme: mat.define-dark-theme(
  $primary: mat.purple,
  $accent: mat.pink,
  $warn: mat.red
);

// 应用自定义主题
@include mat.all-component-themes($custom-theme);

// 修改MatInput和MatSelect的高度
$mat-input-height: 30px; // 设置合适的高度值
$mat-select-height: 30px; // 设置合适的高度值

// 重新编译主题
$custom-theme: mat.modify-theme($custom-theme, (
  input: (
    height: $mat-input-height
  ),
  select: (
    height: $mat-select-height
  )
));

// 应用修改后的主题
@include mat.all-component-themes($custom-theme);

<!-- custom-input.component.html -->
<input [formControl]="formControl" class="custom-input">

<!-- custom-input.component.scss -->
.custom-input {
  height: 30px; /* 设置合适的高度值 */
}

<app-custom-input [formControl]="myFormControl"></app-custom-input>