title: How style mat-form-field auto-fill label?
body: <p>From my Html:</p>
  
  <pre><code>&lt;mat-accordion&gt;
    &lt;div class='left_panel_content2'&gt;
      &lt;mat-expansion-panel&gt;
        &lt;mat-expansion-panel-header&gt;
          &lt;mat-panel-title&gt;
            ADD NEW
          &lt;/mat-panel-title&gt;
          &lt;mat-panel-description&gt;
          &lt;/mat-panel-description&gt;
        &lt;/mat-expansion-panel-header&gt;
        &lt;div class="accordion_reveal"&gt;
          &lt;mat-form-field&gt;
            &lt;input id="pop" matInput placeholder="List Name" [(ngModel)]="newList.name" name="name" type="text" class="form-control rounded-0" required&gt;
          &lt;/mat-form-field&gt;
          &lt;mat-form-field&gt;
            &lt;input matInput placeholder="List Type" [(ngModel)]="newList.type" name="type" type="text" class="form-control rounded-0" [matAutocomplete]="auto" required&gt;
          &lt;/mat-form-field&gt;
          &lt;mat-autocomplete #auto="matAutocomplete"&gt;
            &lt;mat-option *ngFor="let option of options" [value]="option"&gt;
              {{option}}
            &lt;/mat-option&gt;
          &lt;/mat-autocomplete&gt;
          &lt;div class="btnForm"&gt;
            &lt;button (click)="addList()" type="button" class="btn btn-primary float-right"&gt;Create New&lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/mat-expansion-panel&gt;
    &lt;/div&gt;
  &lt;/mat-accordion&gt;
  </code></pre>
  
  <p>I am trying to format the placeholder/auto fill labels, I have researched online how to override the style but what I have tried has no effect on the label.</p>
  
  <p>I would like to override the label style because for one the text overlap with the <code>Textbox</code>.</p>
  
  <p>Css tried:</p>
  
  <pre><code>.mat-input-placeholder {
    top: -.7em;
    color:white;
    font-weight: bold; 
  }
  </code></pre>