文本区域 - 不可调整大小答案

【问题标题】：Text Area For - non re-sizable文本区域 - 不可调整大小
【发布时间】：2012-08-21 09:59:39
【问题描述】：

我的 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 调整大小吗？

【问题讨论】：

标签： css browser textarea resizable

【解决方案1】：

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

其实一点问题都没有，是你使用的浏览器的一个特性。

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

textarea {
    resize: none;
}

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

textarea {
     resize: vertical;
 }

【讨论】：

【解决方案2】：

诀窍在于 css resize:none:

使用：

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

【讨论】：

【解决方案3】：

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

不过，您可以通过 applying some CSS 来执行此操作：

textarea { 
    resize: none; 
}

【讨论】：