我的文本框中的占位符文本在chrome中错误对齐

Question

我在谷歌浏览器中遇到问题,我的网站上的占位符文本太高了 http://www.myinvestmentdecision.com.au

单击"反馈",您将看到占位符中的文本位于高位.我有一个占位符脚本,但当它意识到chrome支持占位符时它会关闭.

只是为了证明这一点,这是形式本身的一个方面:http://jsfiddle.net/RAANa/

必须是CSS的东西.有任何想法吗？

Answer 1

line-height:28px从下面的css中删除.

.form input[type="text"], .form input.text, .form .calculate_box .calc {
background: transparent url(../images/input-background.png) repeat-x left top;
border: 1px solid #A1A1A1;
margin-left: -1px;
height: 28px;
line-height: 28px;
display: block;
width: 284px;
}

请参阅附带的截图line-height去除