Safari matInput rendering bug for type="search"

[MobiusHorizons]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

material inputs of type search should look the same as inputs of other types

What is the current behavior?

Inputs of type search have a white background, and show a box shadow with rounded corners inside the input

What are the steps to reproduce?

https://stackblitz.com/edit/angular-material2-issue-fwuvc5

What is the use-case or motivation for changing an existing behavior?

The existing behavior is broken

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Affects Desktop Safari (quite likely iOS is affected as well, but I have not tested it)

Is there anything else we should know?

The bug appears to be due to a user agent stylesheet on safari that sets the -webkit-appearance to searchfield, and it can be fixed by setting -webkit-appearance to none

Possibly related to #5004

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}