2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-21 13:24:08 +03: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
+6 -3
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;
}
+4 -3
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;
}