Как изменить новый цвет фона по умолчанию для angular -материала версии 9 элементов управления?

Question

В Angular Версия материала 9.0.0 (выпущена сегодня), цвет фона по умолчанию изменен для автозаполнения, выбора даты, ввода и выбора (см. Сравнение с предыдущей версией из документов ниже).

Может это легко изменить (вернуться к тому, как это было в 8.2.3)? Я не хочу начинать дебаты по стилю, но я предпочитаю не использовать фон 8.2.3 для моего варианта использования; Мне было бы сложно обновить его, если бы я не смог его сохранить.

Answer 1

Справочник путешественника по будущему: это было изменено в выпуске 9.1.0, чтобы оставить по умолчанию такой же чистый фон.

Чтобы переопределить, используйте атрибут «внешний вид» поля mat-form-field:

  <mat-form-field appearance="none">
    <mat-select>...</mat-select> 
  </mat-form-field>

«none» - просто недопустимое значение; другие значения: «заливка», «наследие», «контур», «стандарт».

См. { ссылка }.

Answer 2

Просто создайте пользовательскую таблицу стилей для ввода. С помощью инструмента отладки браузера найдите элемент, который имеет фон, а затем просто напишите

Element {background-color: transparent;}