text field cursor issue in chrome

Question

I am using following css in my form section.

CSS

<         


        

Answer 1

Here's sample css for inputs that will be aligned in IE8 and won't show giant cursor in Chrome.

line-height: 14px/*to enclose 13px font, override this if needed*/;
height: 14px/*to enclose 13px font, override this if needed*/;
/*Padding is needed to avoid giant cursor in webkit, which we get if
height = line-height = 22px.*/
padding: 6px 8px;