Change background color for input when data is entered

Question

I notice, at least in Chrome, when Autofill puts data into a textbox, the background-color changes to a shade of yellow, is there a way in CSS to override this? I've tried input:active, input:focus and even input:hover but none have worked

user6407432 · Accepted Answer · 2018-03-28 02:57:55Z

1

You can use this:

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}

answered Mar 28, 2018 at 2:57

user6407432

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Change background color for input when data is entered

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related