In extjs2.2, the border of the input box shows incomplete solutions. First-level solutions.

When I used extjs, my colleagues found the following BUG: the elements in the form were uneven in the text box, some were not borders, and some were not beautiful. The input box was incomplete and went crazy.

The Analysis Steps and solutions are as follows:

1. Use the F12 function of IE to obtain the HTML Script of the generated input box. The key script is as follows.
<PRE>
<Br>
<Div style = "padding-left: 15px; Background: Blue" class = x-form-element>
<Input class = "X-form-text">
</Div>
</PRE>
It is found that this input box is blocked by the upper Div.
2. Put the HTML Script in ext2.2, 2.3, and 3.4 versions and use the style sheets of different versions for testing. Is there any correction?
3. It is observed that version 3.4 has been fixed.
4.differences between 2.2and 3.4are related to form.css, and the description of X-form-text is combined.
Key Point style:
<PRE>
. Ext-ie. X-form-text {
/*
Margin:-1px 0px; ie bogus margin bug
This code will partially affect the incomplete display of the input box on the page.
*/
Margin: 0px 0px;
Height: 22px;/* ie quirks */
Line-Height: 18px;
}
</PRE>

After modification, the style is displayed normally in Windows + IE8 and Windows + ie9.