diff --git a/pkg/web_css/lib/src/_search.scss b/pkg/web_css/lib/src/_search.scss
index 1eba613bea..5d48b38d9c 100644
--- a/pkg/web_css/lib/src/_search.scss
+++ b/pkg/web_css/lib/src/_search.scss
@@ -47,6 +47,12 @@
     &:focus {
       outline: none;
     }
+
+    // This is a non-standard feature, supported only by webkit browsers
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-search-cancel-button
+    &::-webkit-search-cancel-button {
+      display: none;
+    }
   }
 
   >.icon {
diff --git a/pkg/web_css/test/expression_test.dart b/pkg/web_css/test/expression_test.dart
index 65cfce6122..9e4199b70d 100644
--- a/pkg/web_css/test/expression_test.dart
+++ b/pkg/web_css/test/expression_test.dart
@@ -42,6 +42,7 @@ void main() {
         'keyframes',
         'last-child',
         'nth-child',
+        '-webkit-search-cancel-button',
       ]);
       // composite patterns
       expressions.removeWhere((e) => e.startsWith('home-block-'));