You have no background-color set (or background-color is set to transparent) but you have set a color

Question

I'm getting this Warning (it's not a error, my CSS is valid).

I choosed full report just to check to validate

You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.

What is this and how to solve. I'm getting this on total 57 selectors.

Answer 1

Good explanation @graphicdevine on why the warnings are there.

Instead of hard-coding

background-color: #xxx;

for each tag, I read on a forum that suggested putting this in:

background-color: inherit;

Also, anywhere you set a background color but not a text color, put in:

color: inherit;

It resolved all of those type of warnings for me.

Answer 2

It covers theoretical problem when font colour is same as the backgound, i.e:

background-color: #fff;
color: #fff;

You don't need to worry about it, but if you want to get rid of the warrning I'm guessing just set the background colour as per the message.

Answer 3

Add background-color:#/*whatever you want*/; to all 57 selectors and you should be fine.