Ad

Can't Able To Change Email And Password Input Element Background Color Shopify

- 1 answer

I'm in the really big problem I cant able to change Email and Password input element background color in Shopify site in both login and register page.

I just realized that the problem is only in chrome only.

Ad

Answer

Try putting this in your css, it should override the current styles...

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="tel"],
textarea,
select {
  background-color: #ff9900;
}

However

if its auto-complete thats only happening in chrome then this should fix it:

You can use any color e.g. white, #DDD, rgba(102, 163, 177, 0.45).

/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

Additionally, you can use this to change the text color:

/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-text-fill-color: yellow !important;
}
Ad
source: stackoverflow.com
Ad