a3-rev2: ext.css "x-form-text" - Ext JS

I found the following css in ext.css
ext-all.css (line 372)

.x-form-text {
height:22px;
line-height:18px;
vertical-align:middle;
}

which is overidden here: ext-all.css (line 383)

.ext-strict .x-form-text {
height:18px;
}

Is this correct? Because a div using x-form-text gets a height of 18px then.

#2   03-11-2007, 11:04 AM

Look more closely at those selectors... ther .x-form-text override only applies if the element also has the class ext-strict. I did a quick search and found that Ext only applies the ext-strict class if Ext.isStrict is true ( the browser is in strict mode ); I'd assume that this is an override which fixes some box-model/line-height issue for browsers in strict mode.

#3   03-12-2007, 05:34 AM

I see. Thanks Wolfgang

#4   03-13-2007, 01:04 AM

.ext-form-text should not be used on a div anyway. It is specifically for input type=text elements.

#5   03-13-2007, 02:57 AM

OK.