Skip to content

Commit 952b553

Browse files
crisbetojelbourn
authored andcommitted
fix(form-field): reset inputs not being reset on safari (#12413)
Fixes Safari's custom styling for `input[type='search']` not being reset inside of form fields. Fixes #12408.
1 parent 40d8ae4 commit 952b553

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

src/lib/input/input.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,15 @@
4343
display: none;
4444
}
4545

46+
// Clear Safari's decorations for search fields.
47+
&,
48+
&::-webkit-search-cancel-button,
49+
&::-webkit-search-decoration,
50+
&::-webkit-search-results-button,
51+
&::-webkit-search-results-decoration {
52+
-webkit-appearance: none;
53+
}
54+
4655
// Also clear Safari's autofill icons. Note that this can't be in the
4756
// same selector as the IE ones, otherwise Safari will ignore it.
4857
&::-webkit-contacts-auto-fill-button,

0 commit comments

Comments
 (0)