在我的文本框中的占位符文本误铬

Question

对准我已经得到了谷歌浏览器的问题，其中的占位符文本坐在我的网站 http://www.myinvestmentdecision.com.au

点击“反馈”过高，你会看到占位符中的文字很高。我有一个占位符脚本，但它在意识到chrome支持占位符时会关闭。

只是为了坡口这里点是形式本身的的jsfiddle：http://jsfiddle.net/RAANa/

必须是CSS的事。有任何想法吗？

Answer 1

删除从下面你的CSS line-height:28px。

.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除去

Answer 2

我觉得你行，高度：28从这里开始：（form.css）

.form { font-family: arial, sans-serif; } 
.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; 
} 

引起的问题。请记住，该声明适用于标签的内容以及标签本身。这可以让你谈到形式..

Answer 3

不知道这是“正确”的方式来做到这一点，但添加一个5px的填充到输入字段将居中占位符的电子邮件字段。

只需添加到您的CSS无论它适用于电子邮件字段：

padding: 5px;