Angular Material matInput文本在键入时被部分隐藏

Question

我在材质设计中使用Angular 5。我发现matInput的显示问题非常奇怪，其中文本（如g）在编辑模式下部分隐藏。有趣的是，Angular Material样本中也存在此行为，请参见此处：Angular Material Stackblitz example

有任何帮助解决此问题吗？

在MacOS（Macbook Pro）上发现的问题，并且在chrome和safari上都可以重现。

Answer 1

尝试将线条高度添加到元素。如果您向伪类中添加样式，请使用::ng-deep。

  .mat-input-element {
    line-height: normal !important;
  }