无法在有角材料中自定义表单字段标签大小答案

【问题标题】：Failing to customize form field label size in angular material无法在有角材料中自定义表单字段标签大小
【发布时间】：2018-10-08 21:06:51
【问题描述】：

我们在应用中使用了角度材质。我正在尝试找到一种方法使所有字段的浮动标签更大。

例如：

当然，我可以通过额外的课程来驾驶它，但是： *我将不得不在每个领域都这样做 * 如果是带边框的字段（如图所示），文本将位于边框顶部。

如何在全局范围内进行更改？以及如何确保标签文本的空间也增加了？

【问题讨论】：

标签和字段值的大小关系是通过mat-form-field-label类中的比例变换transform: translateY(-1.59375em) scale(.75);实现的。还需要更改 translateY 才能正确定位标签。这已经有点复杂了。对于大纲字段，您还需要修改大纲边框，以使间隙与标签的大小相匹配。大纲实际上是 3 块：mat-form-field-outline-start、mat-form-field-outline-gap 和 mat-form-field-outline-end。现在真的很复杂。不值得 IMO 努力。

【解决方案1】：

它们都由.mat-form-field-label的选择器主导，你可以操纵你自己，但它会改变它的所有翻译行为，并从标签缩放到浮动标签，所以如果你不能处理修改，它会有点复杂翻译和排版。

【讨论】：