From d239fbb5f23aa06de7ba2ed6b5ec24703b03c13d Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
Date: Mon, 11 Apr 2016 21:18:48 +0100
Subject: Suppress IE/Edge additional white/blue colors for focused <select>

---
 scss/_forms.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

(limited to 'scss/_forms.scss')

diff --git a/scss/_forms.scss b/scss/_forms.scss
index 9a031c3ac..a64d9c54b 100644
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -60,6 +60,16 @@ select.form-control {
   &:not([size]):not([multiple]) {
     height: $input-height;
   }
+
+  &:focus::-ms-value {
+    // Suppress the nested default white text on blue background highlight given to
+    // the selected option text when the (still closed) <select> receives focus
+    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to
+    // match the appearance of the native widget.
+    // See https://github.com/twbs/bootstrap/issues/19398.
+    color: $input-color;
+    background-color: $input-bg;
+  }
 }
 
 // Make file inputs better match text inputs by forcing them to new lines.
-- 
cgit v1.2.3