Угловое поле формы Материал Ярлык Цвет и размер шрифта

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, а не в файле компонента, потому что представление для компонентов инкапсулировано по умолчанию (что означает, что стиль также инкапсулирован) и стиль не будет применен.