:disabled is supported in IE9+ and all modern browsers
}
&.disabled,
- &[disabled],
+ &:disabled,
fieldset[disabled] & {
pointer-events: none; // Future-proof disabling of clicks
cursor: $cursor-disabled;
&,
&:active,
&.active,
- &[disabled],
+ &:disabled,
fieldset[disabled] & {
background-color: transparent;
@include box-shadow(none);
text-decoration: underline;
background-color: transparent;
}
- &[disabled],
+ &:disabled,
fieldset[disabled] & {
&:hover,
&:focus {
// 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],
+ &:disabled,
&[readonly],
fieldset[disabled] & {
cursor: $cursor-disabled;
// Note: Neither radios nor checkboxes can be readonly.
input[type="radio"],
input[type="checkbox"] {
- &[disabled],
+ &:disabled,
&.disabled,
fieldset[disabled] & {
cursor: $cursor-disabled;
&:focus {
color: $navbar-default-link-hover-color;
}
- &[disabled],
+ &:disabled,
fieldset[disabled] & {
&:hover,
&:focus {
color: $navbar-inverse-link-hover-color;
}
- &[disabled],
+ &:disabled,
fieldset[disabled] & {
&:hover,
&:focus {
@include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
}
&.disabled,
- &[disabled],
+ &:disabled,
fieldset[disabled] & {
&,
&:hover,