IE在输入中顶部对齐文本

Question

无论我尝试过什么，顶部输入搜索on my site here都没有在IE中正确显示 - 我尝试了填充和行高，但它们仍然在顶部对齐。

这是CSS，任何想法都会很棒：

.search-bg {
background: #8A939A url("/images/top-input-bg.jpg") repeat;
border-radius: 15px;
display: block;
float: left;
height: 30px;
margin: 15px 10px 0 0;
width: 205px;
}

.search-bg input {
background-color: rgba(0, 0, 0, 0);
border: none;
float: left;
font-size: 14px;
height: 30px;
line-height: 15px;
padding: 0 0 0 15px;
width: 154px;
}

非常感谢。

Answer 1

您需要在输入

中将line-height的值增加到30

.search-bg input {
background-color: rgba(0, 0, 0, 0);
border: none;
float: left;
font-size: 14px;
height: 30px;
line-height: 30px; <--
padding: 0 0 0 15px;
width: 154px;
}