can't change background-color of text input

Question

Perhaps a stupid question:

Here is a screenshot of my login page with a text-input field where I set the background-color. In the developer tools the background color property shows up as red, but in the page it is still grey. Any ideas on how to change it to red?

edit: under computed it says:

edit: this issue might be related to the chromium browser. On Chrome the background color is red

Answer 1

As you can see

there is -internal-autofill-selected in computed tab

These are browser's default styles

Perhaps you should do to override it

#id_username,
input#id_username:-internal-autofill-selected {
    background-color: red  !important;
    color: #fff !important;
}

Answer 2

Could you try this

input:-webkit-autofill { background-color: transparent; }