In researching how to fix the column widths in an interactive report, (APEX 5), I found a nice solution using inline CSS. It hit me that inline CSS would be a better way to set the colors for my column headers for the IR. I gave the IR region a static name of "sectionII" and I gave me columns static names starting with "col" and here is a snippet of my CSS.
#sectionII th#colLastName, #sectionII td[headers=colLastName]{min-width:15ch}
#sectionII th#colLastName, #sectionII th[headers=colLastName]{background-color:#F2F2F2;color:#000000;}
#sectionII th#colFirstName, #sectionII td[headers=colFirstName]{min-width:15ch;color:#000000;}
#sectionII th#colFirstName, #sectionII th[headers=colFirstName]{background-color:#F2F2F2;}
#sectionII th#colEmpTitle, #sectionII td[headers=colEmpTitle]{min-width:8ch}
#sectionII th#colEmpTitle, #sectionII th[headers=colEmpTitle]{background-color:#F2F2F2;color:black;}
#sectionII th#colTotComp, #sectionII td[headers=colTotComp]{min-width:10ch}
#sectionII th#colTotComp, #sectionII th[headers=colTotComp]{background-color:#C4D79B;color:black;}
It works beautifully in setting the widths and the background colors, but for some reason it won't set the text color to black, the header text is still the default blue. I'm having to resort to using <div> elements in the Heading section for each column to set the text color. Any suggestions?