css - 文本区域 - 不可调整大小

Question

我的 cshtml 文件中有以下标记。但是，文本框区域在左下角有一个可拖动的角，拖动时会重新调整文本区域的大小并影响页面上的所有其他文本框/下拉列表等。

            <td class="label">
                Notes :
            </td>
            <td class="value" rowspan="3">
                @Html.TextAreaFor(model => model.Notes, new { cols = "40%", style = "width:250px;", @maxlength = "255" })
            </td>

我可以添加什么来禁用 textareafor 的可调整大小吗？

Answer 1

这不是 C# 或 ASP.net 问题。

其实这完全没有问题，这是您使用的浏览器的一个功能。

您应该可以使用 CSS3 属性来摆脱它，resize例如；

textarea {
    resize: none;
}

或者，如果只需要垂直调整大小：

textarea {
     resize: vertical;
 }

Answer 2

您的浏览器会执行此操作。它增强了用户体验。为什么要禁用它？

但是，您可以通过应用一些 CSS来做到这一点：

textarea { 
    resize: none; 
}

Answer 3

诀窍在于 css resize:none：

采用 ：

@Html.TextAreaFor(model => model.Notes, new { cols = "40%", style = "width:250px;resize:none", @maxlength = "255" })