-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

• Chrome
• Firefox
• Safari 9
• Safari 8
• Safari 7
• Edge
• IE 11
• IE 10