Show delete button in input[type=search] only if the field is editable and focused/hovered.

Source/core/css/html.css

Index: Source/core/css/html.css
diff --git a/Source/core/css/html.css b/Source/core/css/html.css
index 5237586dd1225f650bd3745f420939a1d28c4620..af23edcd2c3d7979f2c7c1a30d53f10f7909cef0 100644
--- a/Source/core/css/html.css
+++ b/Source/core/css/html.css
@@ -456,6 +456,13 @@ input[type="search"]::-webkit-search-cancel-button {
     flex: none;
     -webkit-user-modify: read-only !important;
     -webkit-margin-start: 1px;
+    opacity: 0;
+    pointer-events: none;
+}
+
+input[type="search"]:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-search-cancel-button {
+    opacity: 1;
+    pointer-events: auto;
 }
 
 input[type="search"]::-webkit-search-decoration {