Question: this is my user Form:

[![enter image description here](https://i.stack.imgur.com/7eLp9.jpg)](https://i.stack.imgur.com/7eLp9.jpg)

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 :

```html
<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

```

Answer: 
```
Here is some most common properties of angular material v7

/* input color class */
::ng-deep input.mat-input-element {
  color: #484a4c;
}

/* Change label color on focused */
::ng-deep .mat-form-field.mat-focused .mat-form-field-label {
  color: #50d0fb !important;
}

/* underline border color on focused */
::ng-deep .mat-focused .mat-form-field-underline .mat-form-field-ripple{
  background-color: #50d0fb !important;
}

```
`ng::deep` disable view encapsulation for specific CSS rules, in other words, it gives you access to DOM elements, which are not in your component's HTML.

You will have to use it to select the form field

`::ng-deep .mat-form-field`