how to color text input in Angular material

Issue

this is my user Form:

I have a problem, the color of input field is white, and the background is same white. I could not find anywhere How to change the color of input field.

What the attribute css for color texte ?

this is my template :

<div class="example-container" style="color:red">
    <mat-form-field>
      <input matInput placeholder="Input">
    </mat-form-field>

    <mat-form-field>
      <textarea matInput placeholder="Textarea"></textarea>
    </mat-form-field>

    <mat-form-field>
      <mat-select placeholder="Select">
        <mat-option value="option">Option</mat-option>
      </mat-select>
    </mat-form-field>
  </div>
  new contact

Solution

@J.S. is correct if you haven't included theme in your application, but if you are interested in customizing color properties of input field-

For changing the color of place-holder(in this case 'input') you can change 'color' of below class -

.mat-form-field-empty.mat-form-field-label {
    color: green;
}

For changing the underline-color when it's highlighted-

.mat-form-field-underline {
    background-color: green;
}

you will have to include this code piece in styles.scss (or styles.css).

Answered By - Nakul Sharma