Merge pull request #9578 from twbs/cursor-not-allowed-disabled-btn-checkbox-radio

fixes #9511; set cursor:not-allowed for disabled buttons,checkboxes,radios

dist/css/bootstrap.css

@@ -1711,6 +1711,17 @@ textarea.form-control {
   margin-left: 10px;
 }
 
+.radio[disabled],
+.radio-inline[disabled],
+.checkbox[disabled],
+.checkbox-inline[disabled],
+fieldset[disabled] .radio,
+fieldset[disabled] .radio-inline,
+fieldset[disabled] .checkbox,
+fieldset[disabled] .checkbox-inline {
+  cursor: not-allowed;
+}
+
 .input-sm {
   height: 30px;
   padding: 5px 10px;
@@ -1936,7 +1947,7 @@ textarea.input-lg {
 .btn[disabled],
 fieldset[disabled] .btn {
   pointer-events: none;
-  cursor: default;
+  cursor: not-allowed;
   opacity: 0.65;
   filter: alpha(opacity=65);
   -webkit-box-shadow: none;

less/buttons.less

@@ -41,7 +41,7 @@
   &.disabled,
   &[disabled],
   fieldset[disabled] & {
-    cursor: default;
+    cursor: not-allowed;
     pointer-events: none; // Future-proof disabling of clicks
     .opacity(.65);
     .box-shadow(none);

less/forms.less

@@ -133,7 +133,7 @@ input[type="number"] {
   .form-control-focus();
 
   // Disabled and read-only inputs
-  // Note: HTML5 says that inputs under a fieldset > legend:first-child won't be
+  // Note: HTML5 says that controls under a fieldset > legend:first-child won't be
   //   disabled if the fieldset is disabled. Due to implementation difficulty,
   //   we don't honor that edge case; we style them as disabled anyway.
   &[disabled],
@@ -207,6 +207,20 @@ input[type="number"] {
   margin-left: 10px; // space out consecutive inline controls
 }
 
+// Apply same disabled cursor tweak as for inputs
+// Note: HTML5 says that controls under a fieldset > legend:first-child won't be
+//   disabled if the fieldset is disabled. Due to implementation difficulty,
+//   we don't honor that edge case; we style them as disabled anyway.
+// Note: Neither radios nor checkboxes can be readonly.
+.radio,
+.radio-inline,
+.checkbox,
+.checkbox-inline {
+  &[disabled],
+  fieldset[disabled] & {
+    cursor: not-allowed;
+  }
+}
 
 // Form control sizing
 .input-sm {