diff options
| author | jeromelebleu <[email protected]> | 2019-12-06 01:28:34 +0100 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2019-12-06 02:28:34 +0200 |
| commit | 2a6ba75388ec6201731b478077d0e06860046033 (patch) | |
| tree | 138848f7f1bfd04f41481b3bcdc90f2971f3bbd9 | |
| parent | 9894000b42472c8bb2deb514ecc8c896093f945e (diff) | |
| download | bootstrap-2a6ba75388ec6201731b478077d0e06860046033.tar.xz bootstrap-2a6ba75388ec6201731b478077d0e06860046033.zip | |
Use pseudo-class too for disabled check/radio (#29740)
| -rw-r--r-- | scss/forms/_form-check.scss | 9 | ||||
| -rw-r--r-- | scss/forms/_form-file.scss | 7 |
2 files changed, 10 insertions, 6 deletions
diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss index c4837f83b..7fd525968 100644 --- a/scss/forms/_form-check.scss +++ b/scss/forms/_form-check.scss @@ -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; } diff --git a/scss/forms/_form-file.scss b/scss/forms/_form-file.scss index 3748f495c..39d3448af 100644 --- a/scss/forms/_form-file.scss +++ b/scss/forms/_form-file.scss @@ -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; } |