带回车符的文本区域无法正确显示IE11

Question

我在应用程序中有带文本区域的JSP页面。当用户输入带有回车符和换行符的数据时。例如，用户单击保存按钮后的text area，它显示为镶边after saving in chrome。但是，保存在IE11 after saving in iE11中后，相同的内容显示如下，我仅使用

.moTextArea{
    width:381px;
}

作为此样式。可以通过将站点添加到“兼容性视图”列表中来解决此问题。不幸的是，我无法使用此选项，并且我尝试添加一些CSS，例如{white-space：pre-wrap;自动换行white-space：normal;}，但不适用于我的问题。我想解决此问题，如Chrome。有已知的解决方法吗？

Answer 1

我尝试在IE 11浏览器中使用下面的代码进行测试，以检查问题。

<!DOCTYPE html>
<html>
<head>
<style>

.moTextArea{
    width:381px;
    height:100px;
}
</style>
<script>
function abc()
{
	var el=document.getElementById("txt1").innerText;
        console.log(el);
}
function add_value()
{
	document.getElementById("txt1").value = "1 \r\n2 \r\n3 \r\n4\r\n";

}
</script>
</head>
<body>

<textarea id="txt1" class="moTextArea" rows="4" cols="50">

</textarea>
<br>
<button onclick="abc()">print text in console</button>
<button onclick="add_value()">set value</button>
</body>
</html>

在IE 11浏览器中的输出：

您可以看到我尝试手动添加数据，还尝试使用函数设置值，两者都可以正常工作。

我建议您可以尝试最终测试此样本以查看结果。

如果问题仍然存在，请尝试提供有关您问题的更多信息，如果可能，请尝试提供示例代码来测试问题。

带回车符的文本区域无法正确显示IE11

问题描述投票：0回答：1

1个回答

最新问题

带回车符的文本区域无法正确显示IE11

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1