Change Input Background Color in HTML

To change the input background color, simply overwrite its background CSS property.

If it doesn’t work, try adding important! after the value.

Example:

<input type="text" style="background: #eee">

Output:

Example with !important:

It should work exactly the same, but in case, the example above didn’t work, this should easily overwrite the existing style.

<input type="text" style="background: #eee!important">

Output: