input垂直居中 ie6 ie7 firefox chrome

input 框在各种浏览器效果一样的解决法案：

为input框定义这样的css

.inputText{

    font-size:12px;              

    height:14px;

    padding:5px;

    line-height:15px;

}

则input的高度最后为26px；

下面解释

height为字体大小加2px，line-height为height加1px。input框最后的高度则为height加padding-top加padding-bottom加2。

想要什么样的高度就在字体的基础上改变height跟padding的值就可以。效果经测试在ie7 firefox chrome上一样，ie6上效果不太好但能接受。

这个应该也算不用css hack之外的一个比较不错的办法。