Backport twbs#29445

MartijnCuppens · XhmikosR · commit 6c9640c2454c · 2019-10-14T12:12:05.000+03:00
Remove outline from select box in Firefox
diff --git 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
@@ -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);
 

Original file line number	Diff line number	Diff line change
`@@ -268,6 +268,12 @@`
`268`	`268`	`&::-ms-expand {`
`269`	`269`	`display: none;`
`270`	`270`	`}`
	`271`	`+`
	`272`	`+ // Remove outline from select box in FF`
	`273`	`+ &:-moz-focusring {`
	`274`	`+ color: transparent;`
	`275`	`+ text-shadow: 0 0 0 $custom-select-color;`
	`276`	`+ }`
`271`	`277`	`}`
`272`	`278`
`273`	`279`	`.custom-select-sm {`