Zhengchun's CSS Notes (7)-forms are consistent across browsers

Http://ued.taobao.com/blog/wp-content/uploads/2008/01/input.html

After working out a little time to write this, in the IE6-IE7-FF under the basic display position is the same.

(Find the Demo page with grid line to do the background, debugging is really much easier.) Thermal recommendation! This grid is copied from Photoshop. ）

This kind of definition of input and other labels, do not need to worry about the IE6-IE7-FF under the Radio, CheckBox, Text and other rough, uneven situation.

But there is a bit of doubt. Does it not fit to define the class name according to the type of input?

There is also a problem that cannot be resolved, and Windows may choose different skins to cause the form to differ. I wrote it under Zune style and XP default skin, and the rest of the skin was not tested.

Disadvantage: IE6 The text input box has a higher height than the outside of the blinking cursor. It looks like it's been cut off for a while. I did not think how to solve. Also have a select problem, with JS to achieve the same operation cost is too high, with CSS and take it no way. Helpless... Not to move it ...

Welcome everybody to clap bricks, common exaltation!