在Firefox中输入字段奇怪的行为（透明文本）

Question

我的网站http://thatmp3.com/完全适用于chrome / IE以及所有其他浏览器，除了Firefox以某种方式在白色输入字段上显示白色文本，以及透明占位符，透明突出显示，就好像用户不是在搜索输入中键入任何内容但是如果我盲目地选择并复制文本然后粘贴它，它的工作原理就是颜色或z-index。我尝试了一切，但输入栏上没有显示任何内容......你能帮忙吗？

Answer 1

问题在于设置40px输入的高度以及50px的填充。这就是将占位符文本推到视野之外。我建议删除高度，而不是设置行高。你也必须做一些其他调整。

.search {
  height: 40px;  /* remove, and try line-height instead */
  padding: 25px 50px; /* adjust */
}

Answer 2

这个css有效;

.search {
border: 0 none;
border-radius: 2px;
box-shadow: 0 1px 2px rgb(139, 139, 139);
color: rgb(0, 0, 0);
font-family: Roboto;
font-weight: 300;
line-height: 47px;padding-right:100px;
margin-top: 15px;
outline: medium none;
text-indent: 46px;
width: 100%;

}