How can I change the color of fonts when the input autofill in Chrome?

Question

I had put the css-code like：

input：-webkit-autofill{
  color：white;
}

but it didn't work. I hope somebody can help me, thanks a lot.

You can find answer here https://stackoverflow.com/questions/2338102/override-browser-form-filling-and-input-highlighting-with-html-css/2416597#2416597 — Kirill Matrosov, May 24 '17 at 06:53

Maz T · Accepted Answer · 2017-05-24T07:54:01.653

0

First of, CSS syntax is incorrect. input：-webkit-autofill should be input:-webkit-autofill. The weird colon thing with the gap is not recognised by the browser.

Also instead of color：white; use -webkit-text-fill-color: white;

You might be aware of it, but I'll mention it anyway, this will only work on WebKit browsers.

https://jsfiddle.net/WW3bh/31999/

edited May 24 '17 at 07:54

answered May 24 '17 at 07:47

Maz T

1,184
13
18

How can I change the color of fonts when the input autofill in Chrome?

1 Answers1