输入为带有 -webkit-appearance 的多行 TEXTAREA

【问题标题】：INPUT as multiline TEXTAREA with -webkit-appearance输入为带有 -webkit-appearance 的多行 TEXTAREA
【发布时间】：2019-08-20 06:37:06
【问题描述】：

至少在 Chrome 中是否可以使INPUT 看起来像TEXTAREA？ DIV 使用 -webkit-appearance: textarea 转换为 TEXTAREA 可以正常工作，但 INPUT 不能。

【问题讨论】：

标签： css

【解决方案1】：

简短的回答是否定的。

考虑到语义和可访问性，不建议将两者混淆或伪造外观。为清楚起见，这是一个单行文本输入：

<input type="text" name="">

这是一个多行文本输入：

<textarea rows="4" cols="50">Default value.</textarea>

不幸的是，从根本上说，它们就是这样设计的。

【讨论】：

感谢您的建议！是的，我知道不建议这样做，但在这种情况下，这是唯一的解决方案，因为我们有一个 Saas 软件并且没有进入管理面板版本。我们只能在浏览器上打一种补丁，用户端CSS规则。
啊，我明白了，是的，这是它不适合做的事情之一。我刚刚测试了 word-wrap 和 word-break 以及 overflow 属性，看看它们是否有帮助，但它们没有