TL;DR Summary – INPUT Background Color
Setting input background color is easy and can be done with this piece of CSS code:
But what you also might want to set is the color of input field when it’s selected and someone is typing into it. And obviously you’d want to distinguish these two states: selected and non-selected (just like on the image on the top)
In that case you need this CSS code:
And that is all you need to know about setting input background color.
Here is the full code used to generate the web page from the image on top:
Also, you might want to check out the blog post about font background color.
Until next time,
Senior Developer Content Writer