input键入框中的光标尺寸显示信息不1致的处理方

input键入框中的光标尺寸显示信息不1致

ie7中合chrome的十分显著

先看看难题造成的缘故:chrome访问器对光标高宽比的设定标准为,当沒有內容的情况下光标的高宽比=input的line-height的值,当有內容时,光标从input的顶端到文本的底部。

OK,既然了解了缘故,大家就相应才去1些对策。尝试了两种方式去做:。

方式1:将line-height的值设定为跟字体样式尺寸1致;假如高宽比达不到,用padding去撑;

方式2:对chrome不设定line-height,它会全自动文本垂直居中,对ie开展hack设定line-height的值以确保文本竖直垂直居中;这里要留意1下,假如在reset的款式文档中有设定line-height等价,请开展line-height的重设,能够用line-height:normal。实际能够看看腾迅好莱坞网页页面的检索框。

实际css:

拷贝编码
编码以下:

height: 34px;
font-size: 12px;
line-height: normal;
line-height: 34px\9;