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

1 files changed, 15 insertions, 1 deletions

diff --git a/less/forms.less b/less/forms.less
index a8847be2b..adcb0dc32 100644
--- a/less/forms.less
+++ b/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 {