title: How can I change Angular Material mat-autocomplete text color to white after an option is chosen?
body: <p>I am not looking to change the placeholder color as I've already got that done, but after selecting an option the text color is still black.</p>
  
  <p>This is my HTML</p>
  
  <pre><code>&lt;form *ngIf="videos"&gt;
      &lt;mat-form-field class="search-form"&gt;
        &lt;input type="text" placeholder="Search Gamer-Tags" aria-label="Number" matInput [formControl]="myControl"
          [matAutocomplete]="auto"&gt;
        &lt;mat-autocomplete #auto="matAutocomplete" autoActiveFirstOption (optionSelected)='searchChange($event.option.value)'&gt;
          &lt;mat-option class="auto-option" *ngFor="let option of filteredOptions | async" [value]="option"&gt;
            {{option}}
          &lt;/mat-option&gt;
        &lt;/mat-autocomplete&gt;
      &lt;/mat-form-field&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p>This is my SCSS</p>
  
  <pre><code>::ng-deep .mat-focused .mat-form-field-label {color: white !important;}
  ::ng-deep .mat-form-field-underline, ::ng-deep .mat-form-field-ripple {background-color: white !important; color: white !important }
  ::ng-deep .mat-form-field-empty.mat-form-field-label { color: white !important;}
  ::ng-deep .mat-form-field-ripple { background-color: white;}
  </code></pre>