how to customize background color for mat-form-field?

Question

All mdc mat-form-field examples have gray/whitesmoke background. How can I change it?

https://material.angular.io/components/form-field/overview

Answer 1

I ended up doing the following. Wondering if there is a better way:

.mat-mdc-text-field-wrapper {
    background-color: white !important;
    border-bottom: none !important;
}

.mat-mdc-form-field-focus-overlay {
  background-color: white !important;
}

Answer 2

you can try

.mat-form-field {
 background-color: #b0e0e6; /* Light blue color */
}

or

.mat-mdc-form-field {
 background-color: #b0e0e6; /* Light blue color */
}

in your styles.css