From 9266548a81597b96e4eecd7546f779ca44f8310f Mon Sep 17 00:00:00 2001 From: Diego Ferreyra Date: Thu, 3 Mar 2022 19:11:52 -0500 Subject: [PATCH] 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. --- normalize.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/normalize.css b/normalize.css index 192eb9c..9ce0754 100644 --- a/normalize.css +++ b/normalize.css @@ -300,6 +300,26 @@ textarea { -webkit-appearance: none; } +/* clears the 'X' from Internet Explorer */ +input[type="search"]::-ms-clear { + display: none; + width: 0; + height: 0; +} +input[type="search"]::-ms-reveal { + display: none; + width: 0; + height: 0; +} + +/* clears the 'X' from Chrome */ +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-results-button, +input[type="search"]::-webkit-search-results-decoration { + display: none; +} + /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari.