CSS cursor: not-allowed; doesn't work on disabled buttons.

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<h3>Bootstrap Examples</h3>

<button class="btn btn-default" type="submit" disabled="disabled">Button</button>

<a href="#" class="btn btn-default" disabled="disabled">Button</a>

<hr />

<h3>No BS Examples</h3>

<button class="nobs-btn disabled" type="submit" disabled="disabled">Button</button>

<a href="#" class="nobs-btn disabled" disabled="disabled">Button</a>

<a class="button disabled" href="#">But Not Me</a>

CSS

/* Latest compiled and minified CSS included as External Resource*/

body {
  margin: 10px;
}

.nobs-btn.disabled, .nobs-btn[disabled], fieldset[disabled] .nobs-btn {

  cursor: not-allowed;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.disabled {
    opacity: 0.65;
 cursor: not-allowed;
}

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */