Ext.util.CSS.createStyleSheet(
'.cleanForm .x-form-text.x-superboxselect { background: none; border-color: white; } ' +
'.cleanForm .mySuperSelectItem a { background: url(../sprite.png) no-repeat 0px -50px; } ' +
Ext.id( null, 'someStyleSheet')
);
This stylesheet works in FireFox. The second rule works in IE. The first rule does not work in IE. It appears when IE loads the stylesheet, it ignores the third class creating a rule not applicable for my code.
Has anybody seen problems with multiple class selectors that follow a third, parent class?
What version of IE are you using? I tested IE9 on this mulitclass selector test page and it doesn’t look like it properly supports multiclass selectors in quirks mode. Have you set a doctype? Switching to standards mode in IE7+ looks better.
Some cursory googling found this blog post with a good discussion in the comments.