Autofill text color is wrong and unreadable

Solved

Autofill text color is wrong and unreadable

The_fatcat1
Visitor
2 1 0

Error input.png

 

When data is auto entered into a field, the color of the text looks weird and like this. It is supposed to be white. When you then delete a character in the auto entered data, the color then turns back to white. How can this be fixed? This appears both in customer account logins and in the contact form. It also happens on different devices and browsers.

Accepted Solution (1)

The_fatcat1
Visitor
2 1 0

This is an accepted solution.

I fixed it via entering this in a style block at the bottom of my theme file:
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
-webkit-text-fill-color: white !important;
color: white !important;
transition: background-color 5000s ease-in-out 0s;

View solution in original post

Reply 1 (1)

The_fatcat1
Visitor
2 1 0

This is an accepted solution.

I fixed it via entering this in a style block at the bottom of my theme file:
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
-webkit-text-fill-color: white !important;
color: white !important;
transition: background-color 5000s ease-in-out 0s;