Fix iOS Safari searchbox appearance

Sets
* `-webkit-appearance: none;` for iOS and
* `-moz-appearance: textfield;` for Firefox that also applies 
  `-webkit-appearance`.

Bug: T247299
Change-Id: Iefc77bba54b85442862176e1875974f19b64193b
This commit is contained in:
AronDemian 2020-03-10 19:06:19 +01:00 committed by VolkerE
parent 713d0ac2fd
commit ea22d059f2
1 changed files with 6 additions and 3 deletions

View File

@ -49,9 +49,12 @@
font-size: @font-size-search-input;
direction: ltr;
.transition( ~'border-color 250ms, box-shadow 250ms' );
// Support: Webkit browsers. Undo the proprietary styles applied to `type=search` fields,
// we provide our own.
-webkit-appearance: textfield;
// Undo the proprietary styles, we provide our own.
// Support: Safari/iOS `none` needed, Chrome would accept `textfield` as well. See T247299.
-webkit-appearance: none;
// Support: Firefox.
-moz-appearance: textfield;
#simpleSearch:hover & {
border-color: @colorGray7;