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

Question

我正在尝试将占位符文本换行到输入字段的下一行。我找到了有关如何执行此操作的示例，该示例在Chrome浏览器中有效，但在Firefox中不起作用。

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

Placeholder auto wrap inside a input field

适用于Chrome，但不适用于Firefox。我知道我的伪元素正在工作，因为当我做其他明显的事情（即颜色：红色）时，确实会更改输入文本。我正在寻求有关包装样式的帮助。

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

（这在FF中不起作用）

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

（在Chrome浏览器中有效）

我正在寻找输入占位符以换行到下一行而不被截断。

Answer 1

据我所知，Mozilla Firefox删除了包装占位符的功能。占位符元素非常棘手，并且在技术上没有得到很好的支持。

一种解决方案可以是完全删除占位符，然后依靠另一种选择。这是article的有关（不）使用占位符及其在《粉碎杂志》中的替代方法的信息。