How to determine which CSS class to use?

[tmancini]

What's the best way to determine which CSS class to override? I use Firebug, but I can't determine from there which class to use. Sven gave me a suggestion on how to disable expanding a GroupSummary in a Grid, but I would like to remove the +/- icon along with the cursor.

I tried to add the following to my CSS file:

#no-collapse-grid .x-grid-group-hd {
    border-bottom: 2px solid #99bbe8;
    cursor: default;
    padding-top: 6px;
}
#no-collapse-grid .x-grid-group-hd div {
    background-image: none;
    padding: 4px 4px 4px 4px;
    color: #3764a0;
    font: bold 11px tahoma, arial, helvetica, sans-serif;
} 

And I set the ID of my Grid to "no-collapse-grid". Didn't seem to change anything.

[Neilcoder]

I'm not sure but this might help a little;

http://www.sencha.com/forum/showthread.php?189674

I'm guessing an alternative might be to extend the base xtemplate for grouping grid and make the changes there?