title: Change the cursor and remove underlying line
body: <pre><code>&lt;div class="clientxxx-table-field"&gt;
      &lt;div    id="client-table" 
              *ngIf="displayedColumnsOfClient != null &amp;&amp; dataSourceOfClient != null" 
              class="table-container mat-elevation-z8 verticalScrollableParent" 
              [style.max-height.px]="'400'"&gt;
          &lt;div class="FilterAndFilterUsed  client-header"&gt;
              &lt;div class="table-name"&gt;Client&lt;/div&gt;
              &lt;mat-form-field class="filter"&gt;
                  &lt;input  class="filter-input" 
                          matInput (keyup)="leftTableFilter($event.target.value)"&gt;
                  &lt;mat-placeholder class="placeholder"&gt;Filter&lt;/mat-placeholder&gt;
              &lt;/mat-form-field&gt;
              &lt;mat-slide-toggle   class="FilterUsed" 
                                  (change)="leftFilterUsed($event)"&gt;
                  Used
              &lt;/mat-slide-toggle&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have a <code>mat-form-field</code> identified by the class <code>filter</code>.
  I am trying to make the font cursor "white" and the blue line that appears when the element is on focus disappear.
  The changes should apply only for to the input field in the elements with class "filter".</p>
  
  <p>I have found some references (<a href="https://stackoverflow.com/questions/35166078/changing-default-css-in-angular-material-for-md-input">example</a>) but things in material change often so I am a little lost.</p>
  
  <p><a href="https://i.stack.imgur.com/LmJKN.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LmJKN.jpg" alt="enter image description here"></a></p>
  
  <hr>
  
  <pre><code>  .filter 
      input 
        caret-color: white;
      .mat-focused .mat-form-field-underline 
        display: none;
  </code></pre>
  
  <p>The cursor (caret) is not white but the <code>.mat-form-field-underline</code> / <code>.mat-form-field-ripple</code> is still there. </p>