Change input background color not working

Question

I'm using antd input like this

How to change the grey color to white color. I tried changing on the input tag:

background-color: white !important;

but it doesn't work

Answer 1

This is because of autocomplete, which sets a blue background on these elements. You can use a quick hack to fix this, using an inset box-shadow:

input:-webkit-autofill {
    box-shadow: 0 0 0 9999px #fff inset;
}

Answer 2

Would like to ask if that happened when the input is focused? Can you try this

input[type=password]:focus {
    background-color: white;
}

Answer 3

This looks like a style when the input is selected.

Try to :focus

Answer 4

Your screenshot looks like password field was filled by autocomplete. If my guess is right, please head to this link and this link.