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

1102 ワード

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.