Skip to content

Commit 26e73ac

Browse files
crisbetommalerba
authored andcommitted
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`.
1 parent d3357b8 commit 26e73ac

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

src/material/chips/chips.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,11 @@ $mat-chip-remove-size: 18px;
3333

3434
// Required for the ripple to clip properly in Safari.
3535
transform: translateZ(0);
36+
37+
// Chips could be set on buttons so we need to reset the user agent styles.
38+
border: none;
39+
-webkit-appearance: none;
40+
-moz-appearance: none;
3641
}
3742

3843
.mat-standard-chip {

0 commit comments

Comments
 (0)