使用禁用或只读时，textarea丢失换行符

Question

在Chrome 67.0（苹果机）中，当在readonly元素上指定disabled或textarea属性时，渲染时似乎会去除换行符。删除属性可以正确格式化内容。

例如，没有readonly或disabled：

textarea {
    height: 100px;
    resize: none;
    width: 100%;
    white-space: nowrap;
}

<textarea id="textarea-badge1">&lt;div class="_wv_widget"&gt;
    &lt;a href="https://www.google.com" title="This is a link"&gt;
	   &lt;img src="" alt="" title="" /&gt;
	&lt;/a&gt;
&lt;/div&gt;</textarea>

使用readonly：

textarea {
    height: 100px;
    resize: none;
    width: 100%;
    white-space: nowrap;
}

<textarea readonly id="textarea-badge1">&lt;div class="_wv_widget"&gt;
    &lt;a href="https://www.google.com" title="This is a link"&gt;
	   &lt;img src="" alt="" title="" /&gt;
	&lt;/a&gt;
&lt;/div&gt;</textarea>

使用disabled：

textarea {
    height: 100px;
    resize: none;
    width: 100%;
    white-space: nowrap;
}

<textarea disabled id="textarea-badge1">&lt;div class="_wv_widget"&gt;
    &lt;a href="https://www.google.com" title="This is a link"&gt;
	   &lt;img src="" alt="" title="" /&gt;
	&lt;/a&gt;
&lt;/div&gt;</textarea>

有解决方案吗？使用\ t无效。

Answer 1

您可以将white-space: nowrap;更改为white-space: pre-wrap;吗？这似乎对我有用。

Answer 2

设置develop将产生所需的结果。