V4: Add :disabled for disabled fieldset (#29762)

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index 5eb2bb777191e5007e1eebae0f402c2116d0ea86..21e72da7dda5eebde29760cb1cbd72c399def11e 100644 (file)
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -54,9 +54,9 @@
     @include box-shadow($custom-control-indicator-active-box-shadow);
   }
 
-  // Use disabled attribute instead of :disabled pseudo-class
-  // Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231
-  &[disabled] {
+  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247
+  &[disabled],
+  &:disabled {
     ~ .custom-control-label {
       color: $custom-control-label-disabled-color;
 
@@ -319,9 +319,9 @@
     box-shadow: $custom-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] ~ .custom-file-label {
+  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247
+  &[disabled] ~ .custom-file-label,
+  &:disabled ~ .custom-file-label {
     background-color: $custom-file-disabled-bg;
   }
 

diff --git a/scss/_forms.scss b/scss/_forms.scss
index f91789d656289bb8fcefac54ad6446e7a7e7e7f7..b2edb7b27bcbfa9685c2549d2c0b9ddb06eb80c1 100644 (file)
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -216,9 +216,9 @@ textarea.form-control {
   margin-top: $form-check-input-margin-y;
   margin-left: -$form-check-input-gutter;
 
-  // Use disabled attribute instead of :disabled pseudo-class
-  // Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231
-  &[disabled] ~ .form-check-label {
+  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247
+  &[disabled] ~ .form-check-label,
+  &:disabled ~ .form-check-label {
     color: $text-muted;
   }
 }