Hi all,

I'm trying to add a custom background color to an individual row of an Ext grid. I can get the font color to change, so I know my custom css class is visible, but the background color for some reason doesn't change.

Here is how I'm trying to do it.

Code:
var selNodes =  myExtGrid.getView().getSelectedNodes();
var r = Ext.get(selNodes[0]);


r.removeCls("x-grid-row-over");
r.removeCls("x-grid-row-selected");
r.removeCls("x-grid-row-focused");


r.addCls("x-grid-row-emphasized");

my x-grid-row-emphasized class is like this:

Code:

.x-grid-row-emphasized {
	background-image: none !important;
	background: red !important;
	color: white !important;
	
}

Any ideas on why this is not working? Thanks for your help.