Reset disabled color and opacity of selects because Chrome

Fixes #33089.
twbs · Feb 26, 2021 · 2ff50c5 · 2ff50c5
1 parent 5693f1a
commit 2ff50c5
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
@@ -420,24 +420,27 @@ textarea {
 }
 
 // Remove the inheritance of text transform in Firefox
-
 button,
 select {
   text-transform: none;
 }
-
 // Set the cursor for non-`<button>` buttons
 //
 // Details at https://github.com/twbs/bootstrap/pull/30562
 [role="button"] {
   cursor: pointer;
 }
 
-// Remove the inheritance of word-wrap in Safari.
-// See https://github.com/twbs/bootstrap/issues/24990
-
 select {
+  // Remove the inheritance of word-wrap in Safari.
+  // See https://github.com/twbs/bootstrap/issues/24990
   word-wrap: normal;
+
+  // Undo the opacity change from Chrome
+  &:disabled {
+    color: $input-color;
+    opacity: 1;
+  }
 }
 
 // Remove the dropdown arrow in Chrome from inputs built with datalists.