diff options
| author | Shohei Yoshida <[email protected]> | 2019-03-18 08:27:59 +0900 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2019-03-18 01:27:59 +0200 |
| commit | 5e459e9b52bf333e420361b8f31b8206d389bd2c (patch) | |
| tree | 6563cc9f13b852798892c34301e10f509ca64349 | |
| parent | ad0f5f153c821237309b0ef5f19e49b8dad358f8 (diff) | |
| download | bootstrap-5e459e9b52bf333e420361b8f31b8206d389bd2c.tar.xz bootstrap-5e459e9b52bf333e420361b8f31b8206d389bd2c.zip | |
Workaround for MS edge bug (#28275)
| -rw-r--r-- | scss/_custom-forms.scss | 8 | ||||
| -rw-r--r-- | scss/_forms.scss | 4 |
2 files changed, 9 insertions, 3 deletions
diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index 03f3fc5be..07574df25 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -51,7 +51,9 @@ @include box-shadow($custom-control-indicator-active-box-shadow); } - &:disabled { + // Use disabled attribute instead of :disabled pseudo-class + // Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231 + &[disabled] { ~ .custom-control-label { color: $custom-control-label-disabled-color; @@ -307,7 +309,9 @@ box-shadow: $custom-file-focus-box-shadow; } - &:disabled ~ .custom-file-label { + // 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 { background-color: $custom-file-disabled-bg; } diff --git a/scss/_forms.scss b/scss/_forms.scss index e31a47312..677162b8c 100644 --- a/scss/_forms.scss +++ b/scss/_forms.scss @@ -210,7 +210,9 @@ textarea.form-control { margin-top: $form-check-input-margin-y; margin-left: -$form-check-input-gutter; - &:disabled ~ .form-check-label { + // 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 { color: $text-muted; } } |