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