仅限Firefox中的占位符问题

Question

我遇到了一个问题，我正在尝试对Firefox中的占位符文本进行问题排查。

我使用以下方法，

-

但它在输入字段上忽略它。然而它确实适用于textareas？ 我还将css和html复制到js小提琴中，它在FF中按预期工作？

http://jsfiddle.net/h1rg5ooj/7/

但是在我的网站上，它拒绝在FF上设置输入占位符的样式。

我已经尝试了各种各样的事情来尝试并使其工作，包括添加input.class等仍然没有快乐。

我猜它的东西是矛盾的，因为它在jsfiddle中工作，只是不知道现在在哪里看。

有没有人有任何建议如何进一步解决这个问题。

Answer 1

你的.contact-input有一个固定的高度和一个高填充。你只是隐藏你的内容。我真的不太清楚为什么它在jsFiddle中起作用。如果您要为文字设置高度，请尝试使用line-height