<!-- Material input -->

<div class="md-form">

  <input type="number" id="numberExample" class="form-control">

  <label for="numberExample">Enabled Material Input</label>

</div>

<div class="md-form">

  <input type="number" id="numberExample" class="form-control" disabled>

  <label class="disabled" for="numberExample">Disabled Material Input</label>

</div>

<div>

  <p>

    Cannot change cursor through MD Boostrap class 'disabled' on the label. Also can't

    change it if I explicitly set the cursor in a class.

  </p>

  <p>

    Cursor also doesn't change in the example shown to change it:

    <a href="https://mdbootstrap.com/docs/jquery/forms/inputs/#disabled">MDBootstrap Disabled Input</a>

  </p>

</div>