I'm new to Angular and Angular material, still learning the ropes. I have been trying to create a form and needed to change the background color to Red.
However, when I attempted to do so, the red color ended up covering the entire form instead of just the background.
<form class="example-form" style="background-color:red">
<mat-form-field class="example-full-width">
<mat-label>Favorite food</mat-label>
<input matInput placeholder="Ex. Pizza" value="Sushi">
</mat-form-field>
<mat-form-field class="example-full-width">
<mat-label>Leave a comment</mat-label>
<textarea matInput placeholder="Ex. It makes me feel..."></textarea>
</mat-form-field>
</form>
If you need visuals, check out this example on stackblitz: Example
Can anyone guide me on the correct method for setting the background color?
Appreciate your help!