Html 包装输入占位符文本在Firefox中不起作用

我试图将占位符文本换行到输入字段的下一行。我找到了一些关于如何做到这一点的例子，它可以在Chrome中使用，但不能在Firefox中使用

这是我从中获取代码的堆栈溢出问题：

这适用于Chrome，但不适用于Firefox。我知道我的伪元素正在工作，因为当我做一些其他明显的事情（例如颜色：红色）时，它确实会改变输入文本。我正在寻找帮助包装样式特别

::-moz-placeholder {
    white-space:pre-line;  
    position:relative;
    top:-7px;
}

（这在FF中不起作用）

（这在Chrome中不起作用）

---

我希望将输入占位符压缩到下一行，而不是被切断。

据我所知，Mozilla Firefox已取消压缩占位符的功能。占位符元素非常复杂，在技术上没有得到很好的支持

---

解决方案可以是完全删除占位符并依赖另一个选项。这里有一个关于（不）使用占位符及其替代品的例子，来自Smashing杂志。

据我所知，Mozilla Firefox取消了包装占位符的功能。占位符元素非常复杂，在技术上没有得到很好的支持

解决方案可以是完全删除占位符并依赖另一个选项。下面是一个关于（不）使用占位符及其替代品的示例，来自Smashing Magazine

::-webkit-input-placeholder {
    white-space:pre-line;  
    position:relative;
    top:-7px;
}