title: How to format mat-field with custom css class?
body: <p>I have the code:</p>
  
  <pre><code>&lt;mat-form-field appearance="outline" class="col s6 m6 ml-0"&gt;
              &lt;mat-label&gt;Sistemas&lt;/mat-label&gt;
              &lt;mat-select (selectionChange)="changeApplication($event)" formControlName="aplicacoes"&gt;
                  &lt;mat-option *ngFor="let aplicacao of aplicacoes" [value]="aplicacao.sigla"&gt;
                      {{aplicacao.sigla}}
                  &lt;/mat-option&gt;
              &lt;/mat-select&gt;
            &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>If I put a custom class for example: custom-input, how to style it using angular-material? it alredy has the "aparecene" element, but I want use a custom class to make this specific input with border white.</p>
  
  <p>My css that afects all inputs in project:</p>
  
  <pre><code>    .mat-form-field {
         margin-top: 15px;
  
      &amp;:nth-child(2n) {
         padding-left: 30px;
      }
  
      &amp;.mat-form-field-appearance-outline {
         font-size: 1rem;
  
         .mat-form-field-outline {
             height: 60px;
             color: #FFF !important;
         }
      }
    }
  </code></pre>
  
  <p>Thank you all.</p>