Angular 角度材质：更改输入剪辑文本的字体大小

我正在将角度材质

input

s的字体大小修改为28px，但这会导致某些字符被剪裁，如本例中的“g”：

我一辈子都想不出怎么解决这个问题。有什么想法吗？我需要增加哪些课程

我在SCSS中修改了我的组件，如下所示：

input {
  font-size: 28px;
}

---

如果要更改

mat form field

的

font size

，则应将样式应用于

mat form field

元素，而不是

input

元素。如果不这样做，表单字段的某些部分可能无法正确响应（按样式）。出于同样的原因，您还应确保适当地设置了

行高

如果您计划坚持材料设计，那么您应该使用实用程序，并使用主题/排版创建您的样式，使用

将排版级别设置为样式

和材料设计指定的排版级别之一。这应该通过排版实用程序完成，但您可以手动完成。有关详细信息，请参阅

例如，24px是Angular Material称之为

headline

（材质设计中的H5-不是H5元素）的字体大小，因此您的样式应实现适当的标题规范（根据Angular Material对H5的实现）：

Angular Material具有方便的样式类，可以为您执行此操作。对于标题，它是

matheadline

，因此您可以轻松地执行以下操作：

<mat-form-field class="mat-headline">

---

请注意，28px不是材质设计指定的字体级别：。

使用材质主题时，可以使用材质定义排版

$typography: mat-typography-config(
  $input: mat-typography-level(14px, 1.125, 400),
);
@include mat-core($typography);

---

你是如何修改字体大小的。共享你的CSS。完成上面的操作。在这里可以正常工作——但是你可以使用正在应用的全局样式。一些

填充底部的
应该可以解决这个问题。您可能还希望显示相关的HTML代码。
$typography: mat-typography-config(
  $input: mat-typography-level(14px, 1.125, 400),
);
@include mat-core($typography);