fix(button): not resetting all outlines on firefox (#11911)

angular · Jun 26, 2018 · 85711aa · 85711aa
1 parent b041f3f
commit 85711aa
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/lib/core/style/_button-common.scss b/src/lib/core/style/_button-common.scss
@@ -7,4 +7,11 @@
   outline: none;
   border: none;
   -webkit-tap-highlight-color: transparent;
+
+  // The `outline: none` from above works on all browsers, however Firefox also
+  // adds a special `focus-inner` which we have to disable explicitly. See:
+  // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Firefox
+  &::-moz-focus-inner {
+    border: 0;
+  }
 }