角度材质表单字段标签字体颜色和大小

Question

我正在尝试使用Angular Material 6，当字段填充输入文本并且焦点丢失时，使表单字段的标题更大更暗。

感谢您的帮助

Answer 1

将此添加到您的全局CSS文件style.scss：

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label:not(.mat-empty):not(.mat-form-field-empty) {
  // color
  // scale or font-size
}

为了实现这一点，我只是检查了元素，当它为空时取出类，当它不为空时的类，并相应地制作选择器。

请记住在全局CSS文件中而不是在组件的文件中执行此操作，因为组件的视图默认是封装的（这意味着样式也被封装）并且样式不会是应用。