Fix for input type=search Webkit styling, closes #701

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%;