Remove Select's dotted outline in Firefox

LatitudeFinancialOSS · Feb 6, 2020 · f6c55a3 · f6c55a3
1 parent 452054b
commit f6c55a3
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/Select.js b/src/components/Select.js
@@ -111,6 +111,11 @@ function Select(props) {
           },
           ":hover": {
             ...(!isDisabled && theme[`selectInput.${colorStr}:hover`])
+          },
+          // See: https://stackoverflow.com/a/19451423/247243
+          ":-moz-focusring": {
+            color: "transparent",
+            textShadow: "0 0 0 #000"
           }
         }}
         id={selectId}