Rollup merge of #91699 - jsha:webkit-appearance-search-input, r=GuillaumeGomez

Add `-webkit-appearance: none` to search input

This fixes an issue when displaying on iPad, where the search box had no borders.

r? ``@GuillaumeGomez``

Demo https://rustdoc.crud.net/jsha/webkit-appearance-search-input/std/string/struct.String.html
This commit is contained in:
Matthias Krüger 2021-12-13 18:15:13 +01:00 committed by GitHub
commit e354f0ce87
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -892,6 +892,10 @@ h2.small-section-header > .anchor {
top: 10px; top: 10px;
} }
.search-input { .search-input {
/* Override Normalize.css: it has a rule that sets
-webkit-appearance: textfield for search inputs. That
causes rounded corners and no border on iOS Safari. */
-webkit-appearance: none;
/* Override Normalize.css: we have margins and do /* Override Normalize.css: we have margins and do
not want to overflow - the `moz` attribute is necessary not want to overflow - the `moz` attribute is necessary
until Firefox 29, too early to drop at this point */ until Firefox 29, too early to drop at this point */