mirror/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-23 18:40:03 +00:00
Code Issues Projects Releases Wiki Activity

set not-allowed cursor on disabled radio+checkbox labels; fixes #13281

Browse Source 
[skip validator] [skip sauce]
This commit is contained in:
Chris Rebert 2014-06-05 13:31:39 -07:00
parent ef436c761b
commit 739bf379a9
2 changed files with 34 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
dist/css/bootstrap.css vendored
View File

@ -2440,18 +2440,24 @@ input[type="month"].input-lg {
} }
input[type="radio"][disabled], input[type="radio"][disabled],
input[type="checkbox"][disabled], input[type="checkbox"][disabled],
.radio[disabled], input[type="radio"].disabled,
.radio-inline[disabled], input[type="checkbox"].disabled,
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"], fieldset[disabled] input[type="checkbox"] {
fieldset[disabled] .radio, cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline, fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline { fieldset[disabled] .checkbox-inline {
cursor: not-allowed; cursor: not-allowed;
} }
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.input-sm { .input-sm {
height: 30px; height: 30px;
padding: 5px 10px; padding: 5px 10px;

26
less/forms.less
View File

@ -247,19 +247,35 @@ input[type="month"] {
} }
// Apply same disabled cursor tweak as for inputs // Apply same disabled cursor tweak as for inputs
// Some special care is needed because <label>s don't inherit their parent's `cursor`.
// //
// Note: Neither radios nor checkboxes can be readonly. // Note: Neither radios nor checkboxes can be readonly.
input[type="radio"], input[type="radio"],
input[type="checkbox"], input[type="checkbox"] {
.radio,
.radio-inline,
.checkbox,
.checkbox-inline {
&[disabled], &[disabled],
&.disabled,
fieldset[disabled] & { fieldset[disabled] & {
cursor: not-allowed; cursor: not-allowed;
} }
} }
// These classes are used directly on <label>s
.radio-inline,
.checkbox-inline {
&.disabled,
fieldset[disabled] & {
cursor: not-allowed;
}
}
// These classes are used on elements with <label> descendants
.radio,
.checkbox {
&.disabled,
fieldset[disabled] & {
label {
cursor: not-allowed;
}
}
}
// Form control sizing // Form control sizing