Question

我正在使用MVC5和最新的boostrap版本。我有一个非常简单的视图，使用EditorFor获取MultiLine字符串：

代码：

[Required, DataType(DataType.MultilineText)]
public string Body { get; set; }

查看：

@Html.EditorFor(model => model.Body, new { htmlAttributes = new { @class = "form-control", @rows = 5 } })

当我在Chrome或Firefox中打开视图时，我会获得调整大小的句柄，并可以调整生成的文本框的大小。但是，在InternetExplorer中根本没有调整大小句柄（或者可能调整大小）。

有什么想法吗？

Answer 1

Textareas默认在Webkit *和Firefox桌面浏览器中有一个resizehandle。 IE和Edge不会。

您可以使用jQuery UI resizable启用IE和Edge中的大小调整：

<textarea id="someId"></textarea>

<!-- TODO: insert script references to jQuery and jQueryUI here... -->
<script>
    $("#someId").resizable();
</script>

您可以使用css：

禁用Webkit和Firefox浏览器的大小调整

<textarea style="resize: none"></textarea>

在IE中不能正常工作的Resizehandle MVC5 EditorFor（在FF和Chrome中工作）

1 个答案: