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

This commit is contained in:
Chris Rebert 2013-08-14 18:20:28 -07:00
parent a9d6b7ee0b
commit e684758b55
4 changed files with 29 additions and 4 deletions

View File

@ -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;

File diff suppressed because one or more lines are too long

View File

@ -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);

View File

@ -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 {