Skip to content

Commit 9266548

Browse files
authored
Update normalize.css
The existing styling for [type="search"] is not sufficient to clear the X on Chrome and IE. Added CSS to fix that.
1 parent fc091cc commit 9266548

File tree

1 file changed

+20
-0
lines changed

1 file changed

+20
-0
lines changed

normalize.css

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -300,6 +300,26 @@ textarea {
300300
-webkit-appearance: none;
301301
}
302302

303+
/* clears the 'X' from Internet Explorer */
304+
input[type="search"]::-ms-clear {
305+
display: none;
306+
width: 0;
307+
height: 0;
308+
}
309+
input[type="search"]::-ms-reveal {
310+
display: none;
311+
width: 0;
312+
height: 0;
313+
}
314+
315+
/* clears the 'X' from Chrome */
316+
input[type="search"]::-webkit-search-decoration,
317+
input[type="search"]::-webkit-search-cancel-button,
318+
input[type="search"]::-webkit-search-results-button,
319+
input[type="search"]::-webkit-search-results-decoration {
320+
display: none;
321+
}
322+
303323
/**
304324
* 1. Correct the inability to style clickable types in iOS and Safari.
305325
* 2. Change font properties to `inherit` in Safari.

0 commit comments

Comments
 (0)