Html 文本右对齐的webkit TextArea不'；不显示空格字符

似乎正在影响webkit浏览器（Safari、Chrome、Android、iOS）。与Firefox配合使用效果良好

展示比解释容易，请看这里：

<textarea style="text-align:right;"></textarea>
<input type="text" style="text-align:right;"></input>

在文本区域中，空格字符直到您键入下一个字符后才会出现。例如，尝试在“O”和“W”之间键入5个空格的“Hello World”，您会注意到在键入字母“W”之前不会出现空格。输入字段似乎没有这个问题。我想知道是否有解决此问题的方法。

尝试使用

<textarea style="text-align:right; white-space: nowrap;"></textarea>
<input type="text" style="text-align:right; white-space: nowrap;"></input>

你需要这样吗

代码是

 <textarea style="text-align:right; white-space: normal; wrap:hard;" rows="3" cols="30"></textarea>

您好，谢谢您的建议。我希望文本自动换行，这就是为什么我使用TextArea而不是输入字段。你知道其他的把戏吗？非常感谢你的帮助！此解决方案解决了Chrome和Safari的问题，但iOS仍然存在此问题。我没有要测试的iOS。但您可以尝试。我担心它也存在同样的问题：（只有在键入下一个字符时才会显示空格）。