Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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.
Solved! Go to the solution
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;
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;
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025