Search box CSS doesn't look great on OS X Safari

[simonw]

[simonw]

https://css-tricks.com/webkit-html5-search-inputs/ talks about this.

[simonw]

It looks like the problem is that the padding: 9px 4px rule is being ignored.

[simonw]

From the comments on that css-tricks article, this appears to work:

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