-webkit-autofill styling doesn't work

[Pixelsnbeards]

I want to change the -webkit-autofill background and colour to something different than the standard yellow. Because I can't change the shadow dom input tag I am unable to style this element with the following codes

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

I've tried this on paper-input as well but that doesn't work either.

This is where I got my information on how to change it:

https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete

Browsers Affected

• [x] Chrome
• [ ] Firefox
• [ ] Safari 9
• [ ] Safari 8
• [ ] Safari 7
• [ ] Edge
• [ ] IE 11
• [ ] IE 10