fix(css): Remove the blue background on select element focus in IE10+

fixes #1016
mozilla · Jun 19, 2014 · b8300f9 · b8300f9
1 parent a13a8eb
commit b8300f9
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/app/styles/main.scss b/app/styles/main.scss
@@ -500,6 +500,19 @@ label:focus ~ .input-help-focused {
   background-color: $stage-background-color;
 }
 
+
+/**
+ * Override the default blue highlight for IE10+
+ */
+.select-row select::-ms-value {
+  background: none;
+}
+
+.select-row select:focus::-ms-value {
+  color: $input-text-color;
+}
+
+
 .select-row select:-moz-focusring {
   color: transparent !important; /* !important must be added or else the browser ignores the request */
   text-shadow: 0 0 0 $input-row-hover-border-color !important;