Remove unwanted outline on select in Firefox

7 years ago · f805da20cc
parent 5d24851cb9
commit f805da20cc
1 changed files with 12 additions and 0 deletions
--- a/skins/elastic/styles/widgets/forms.less
+++ b/skins/elastic/styles/widgets/forms.less
@ -552,3 +552,15 @@ html.touch input.icon-checkbox + label {
        padding: .5rem .75rem !important;
    }
 }
+
+/* Remove outline on selects in Firefox */
+@-moz-document url-prefix() {
+    select:-moz-focusring {
+       color: transparent !important;
+       text-shadow: 0 0 0 @color-font !important;
+    }
+}
+
+.form-control, .form-control:focus {
+    color: @color-font;
+}