From 6c9640c2454cb66f6bf5cfe02904e16e08e38bbf Mon Sep 17 00:00:00 2001
From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Fri, 4 Oct 2019 10:08:44 +0200
Subject: [PATCH] Backport #29445

Remove outline from select box in Firefox
---
 scss/_custom-forms.scss | 6 ++++++
 scss/_forms.scss        | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index 48f292bdfb..8b3a74bc0b 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -268,6 +268,12 @@
   &::-ms-expand {
     display: none;
   }
+
+  // Remove outline from select box in FF
+  &:-moz-focusring {
+    color: transparent;
+    text-shadow: 0 0 0 $custom-select-color;
+  }
 }
 
 .custom-select-sm {
diff --git a/scss/_forms.scss b/scss/_forms.scss
index a290270d74..7a9a653e45 100644
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -30,6 +30,12 @@
     border: 0;
   }
 
+  // Remove select outline from select box in FF
+  &:-moz-focusring {
+    color: transparent;
+    text-shadow: 0 0 0 $input-color;
+  }
+
   // Customize the `:focus` state to imitate native WebKit styles.
   @include form-control-focus($ignore-warning: true);