带有右对齐文本的webkit TextArea不显示空格字符

Question

似乎正在影响webkit浏览器（Safari，Chrome，Android，iOS）。适用于Firefox。

展示比解释更容易，请看一下：

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

Fiddle

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

Answer 1

尝试使用

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

<强> JSFIDDLE

你需要喜欢这个吗？

<强> NEW JSFIDDLE

代码是

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