From 2a36dfa2a892122029f379722913469d71367925 Mon Sep 17 00:00:00 2001
From: Simon Willison <swillison@gmail.com>
Date: Tue, 24 Mar 2020 15:57:09 -0700
Subject: [PATCH] Fix for input type=search Webkit styling, closes #701

---
 datasette/static/app.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/datasette/static/app.css b/datasette/static/app.css
index d7cf6334..bae091b8 100644
--- a/datasette/static/app.css
+++ b/datasette/static/app.css
@@ -161,6 +161,17 @@ form input[type=search] {
     font-size: 1em;
     font-family: Helvetica, sans-serif;
 }
+/* Stop Webkit from styling search boxes in an inconsistent way */
+/* https://css-tricks.com/webkit-html5-search-inputs/ comments */
+input[type=search] {
+    -webkit-appearance: textfield;
+}
+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;
+}
 @media only screen and (max-width: 576px) {
     form.sql textarea {
         width: 95%;