selected row lost mycolor

I have below code to allow me select multiple rows. However I found that the row highlighed will have all fields in black color. If I remove the "black!impartant" in css, then all fields are in white. It lost the color set my myColor function. How to keep the myColor text foreground color for the selected row(s)?

<style>
.active-selection-true, .active-selection-true .active-row-cell { color: black!important; background-color: E6E6FF!important; }
</style>
...
obj.getTemplate("column", 0).setStyle("color", myColor);
obj.getTemplate("column", 1).setStyle("color", myColor);
obj.getTemplate("column", 2).setStyle("color", myColor);
obj.getTemplate("column", 3).setStyle("color", myColor);
obj.getTemplate("column", 4).setStyle("color", myColor);

obj.setSelectionProperty("multiple", true);
obj.setAction("selectRow", obj.getAction("selectMultipleRows"));
 

I found that this solved my problem. Add "!important" after my color value in myColor function.

/javascript.forum.2194.1/