Set cursor pointer on input search cancel button (#41639)

* Set cursor pointer on input search cancel button

* Update _reboot.scss

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 5e1665c35887dec3121644d090879445b5826fe2..524645fb02fc05261916b54c0baaa5bc4a1f8fb8 100644 (file)
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -534,6 +534,12 @@ legend {
 [type="search"] {
   -webkit-appearance: textfield; // 1
   outline-offset: -2px; // 2
+
+  // 3. Better affordance and consistent appearance for search cancel button
+  &::-webkit-search-cancel-button {
+    cursor: pointer;
+    filter: grayscale(1);
+  }
 }
 
 // 1. A few input types should stay LTR