角材料输入的字体大小如果在垫卡内容内，则会发生变化

Question

  

我在使用@angular/material <mat-card-content/>和输入时遇到问题   因为当我将matInput放入其中时，font-size: inherit   <mat-card-content/>的输入字体大小为14px   这个组件之外是16px，这是一个示例。这是故意的吗   还是一个错误？这是example

Answer 1

通常希望将.mat-typography应用于应用程序的最外层元素或页面body，以便为各种元素（包括标准HTML元素）实现正确的字体大小，粗细等。 <p>和<div>。如果这样做，默认字体大小将变为14px，因此它将与.mat-card-content相匹配。

几年前，我将此记录为错误，但他们忽略了它。当时，Material Design规范的输入字体大小固定为（14px），但是Angular Material人仍然认为最好将其实现为inherit。如果您想在典型形式以外的其他地方（如工具栏上）使用输入，即使使用.mat-typography也会引起很多问题。 IMO，他们真的对此感到无聊。