CODEWITHSUNDEEP
cssgoogle-chromeinput
Flaxbeard
Flaxbeard

Reputation: 501

Google Chrome Auto-Form Fill Highlight

I have custom text input CSS on my site, which causes the boxes to be all white when selected and grey when not in focus, as you can see here:

Here is my login form when the username box is selected. Notice the yellow highlight on the text field?

In the second picture, Google Chrome automatically fills in my username and password as I have it saved, and it highlights the inside of the box (not the border) a pale yellow. Is there some sort of CSS selector to override this event, or some better way to do it? Is there a way I can make my border highlight as well?

Upvotes: 1

Views: 817

Answers (1)

user2179519
user2179519

Reputation:

Try using background-color: white !important; which should override Chrome's autofill, unless Chrome is programmed to override everything, in which you can't do anything about it.

Upvotes: 2

Related Questions