ANGULAR: How to change the * required in material?

Question

I want the "*" that is required in input to be color red. I imported and use reactive forms and angular materials for this. No CSS yet for this because I dont know how to edit it with the required element in input.

Click to see Image

<form (ngSubmit)="changePassword()">
          <mat-form-field floatLabel="always">
            <input required type="password"  matInput placeholder="Old password">
          </mat-form-field>

Answer 1

The CSS selector is

.mat-placeholder-required.mat-form-field-required-marker {
  color: red;
}

See it in action

Be sure to either make a deep styling if you style it in your components, or to put in a global styling file, such as style.css (like I did)