1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00

Use pseudo-class too for disabled check/radio (#29740)

This commit is contained in:
jeromelebleu 2019-12-06 01:28:34 +01:00 committed by XhmikosR
parent 9894000b42
commit 2a6ba75388
2 changed files with 10 additions and 6 deletions

View file

@ -82,13 +82,16 @@
border-color: $form-check-input-indeterminate-border-color;
}
// Use disabled attribute instead of :disabled pseudo-class
// Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231
&[disabled] {
&:disabled {
pointer-events: none;
filter: none;
opacity: .5;
}
// Use disabled attribute in addition of :disabled pseudo-class
// See: https://github.com/twbs/bootstrap/issues/28247
&[disabled],
&:disabled {
~ .form-check-label {
opacity: .5;
}

View file

@ -26,9 +26,10 @@
box-shadow: $form-file-focus-box-shadow;
}
// Use disabled attribute instead of :disabled pseudo-class
// Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231
&[disabled] ~ .form-file-label .form-file-text {
// Use disabled attribute in addition of :disabled pseudo-class
// See: https://github.com/twbs/bootstrap/issues/28247
&[disabled] ~ .form-file-label .form-file-text,
&:disabled ~ .form-file-label .form-file-text {
background-color: $form-file-disabled-bg;
border-color: $form-file-disabled-border-color;
}