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

【问题标题】：Wrapping input placeholder text not working in Firefox包装输入占位符文本在 Firefox 中不起作用
【发布时间】：2019-05-16 18:05:37
【问题描述】：

我正在尝试让占位符文本换行到输入字段的下一行。我找到了有关如何执行此操作的示例，它适用于 Chrome，但不适用于 Firefox。

这是我从中获取代码的 Stack Overflow 问题：

这适用于 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 中确实有效）

我希望让输入占位符换行到下一行，而不是被截断。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：