bnmcvzx 发表于 2013-1-29 07:28:01

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之外的一个比较不错的办法。
页: [1]
查看完整版本: input垂直居中 ie6 ie7 firefox chrome