fix(chips): clear user agent styles when set on button (#17871)

Chips can be attached to an element using an attribute which means that they're allowed to be an a `button`. These changes reset the user agent styling for `button`.
angular · Dec 11, 2019 · 26e73ac · 26e73ac
1 parent d3357b8
commit 26e73ac
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/material/chips/chips.scss b/src/material/chips/chips.scss
@@ -33,6 +33,11 @@ $mat-chip-remove-size: 18px;
 
   // Required for the ripple to clip properly in Safari.
   transform: translateZ(0);
+
+  // Chips could be set on buttons so we need to reset the user agent styles.
+  border: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
 }
 
 .mat-standard-chip {