title: Angular trash icon is changing mouse pointer to a cursor
body: <p>I have a 3 column table with angular. columns are <strong>domain-disable-actions</strong> and <strong>actions</strong> is a trash can icon button .</p>
  
  <p>My problem is when mouse pointer comes onto the trash icon button, mouse pointer is becoming a cursor like a text box. How can i make it pointer on the icon ?</p>
  
  <p>My working table code is here:</p>
  
  <pre><code>  &lt;mat-table #table [dataSource]="tableData"&gt;
  
      &lt;ng-container cdkColumnDef="domain"&gt;
        &lt;mat-header-cell *cdkHeaderCellDef fxFlex="50%"&gt;Domain&lt;/mat-header-cell&gt;
        &lt;mat-cell *cdkCellDef="let config" fxFlex="50%"&gt;{{config.domain}}&lt;/mat-cell&gt;
      &lt;/ng-container&gt;
  
      &lt;ng-container cdkColumnDef="disable"&gt;
        &lt;mat-header-cell *cdkHeaderCellDef fxFlex="30%"&gt;Disabled&lt;/mat-header-cell&gt;
        &lt;mat-cell *cdkCellDef="let config" fxFlex="30%"&gt;{{config.disabled}}&lt;/mat-cell&gt;
      &lt;/ng-container&gt;
  
      &lt;ng-container cdkColumnDef="button"&gt;
        &lt;mat-header-cell *cdkHeaderCellDef fxFlex="15%"&gt;Action&lt;/mat-header-cell&gt;
        &lt;mat-cell *cdkCellDef="let config" fxFlex="15%"&gt;
          &lt;mat-icon (click)="deleteDomain(config)"&gt;delete_forever&lt;/mat-icon&gt;
        &lt;/mat-cell&gt;
      &lt;/ng-container&gt;
  
      &lt;mat-header-row *cdkHeaderRowDef="displayedColumns"&gt;&lt;/mat-header-row&gt;
      &lt;mat-row *cdkRowDef="let config; columns: displayedColumns;"&gt;&lt;/mat-row&gt;
  
    &lt;/mat-table&gt;
  </code></pre>