Merge branch 'rewrite-search-webkit-scss' into 'master'

Rewrite search input styles for webkit

See merge request gitlab-org/gitlab!80479

app/assets/stylesheets/pages/search.scss

@@ -366,12 +366,13 @@ input[type='checkbox']:hover {
   }
 }
 
-// Disable webkit input icons, link to solution: https://stackoverflow.com/questions/9421551/how-do-i-remove-all-default-webkit-search-field-styling
-/* stylelint-disable property-no-vendor-prefix */
-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 {
-  -webkit-appearance: none;
+// Disable Webkit's search input styles
+input[type='search'] {
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-appearance: textfield;
+
+  &::-webkit-search-cancel-button,
+  &::-webkit-search-results-button {
+    @include gl-display-none;
+  }
 }
-/* stylelint-enable */