Input autocomplete styling doesn't fill entire form field

[terrybrash]

What is the expected behavior?

When using autocomplete in matInput, the browser's autocomplete styling should fill the entire form field.

What is the current behavior?

What are the steps to reproduce?

https://angular-material2-issue-on2neb.stackblitz.io

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

@angular/cli: 7.2.1
@angular/material: 7.3.0
typescript: 3.2.2
OS: Windows 10
Browser: Google Chrome 71

Is there anything else we should know?

material-components-web had some similar issues with autocomplete styling which were fixed in this pull request.

[mmalerba]

I don't actually see anything in the spec that mentions what the autofill state should be, but we do have some CDK utilities that can help with detecting autofill and applying custom styles

[LeonardoRochaInacio]

I had the same problem, what I did to solve was insert

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s;
-webkit-text-fill-color: #fff !important;
}

on my custom theme scss. it will make your auto fill background transparent.

hope this can help u

[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.}