title: Angular 4 button disabled icon is not showing
body: <p><a href="https://i.stack.imgur.com/qCUZ0.png" rel="nofollow noreferrer">Console image of the inspected element</a></p>
  
  <p><strong>Issue:</strong> When my button has the disabled attribute and I hover over it the disabled icon is not showing.</p>
  
  <p>Can someone please suggest how I can resolve this issue?</p>
  
  <p>I've attached a code snippet below:      </p>
  
  <pre><code>&lt;form (ngSubmit)='onSubmit(form)' *ngIf="!submitted" #form="ngForm"&gt; 
      &lt;input required #password="ngModel" [(ngModel)]="stackDefaultData.password" name="password" type="password" class="form-control"&gt; 
      &lt;button type="submit" [disabled]="form.invalid"&gt;Submit&lt;/button&gt; 
  &lt;/form&gt;     
  </code></pre>